<template>
  <!--  水管-->
  <div class="box-view">
    <el-row :gutter="15">
      <el-col :span="4" class="left_org">
        <!-- 搜索框 -->
        <organization-tree v-model="deptTree" ref="deptTree" :changeOnSelect='true' placeholder="选择管养单位"
                           @change="selectOrgHandel"></organization-tree>
      </el-col>
      <el-col :span="20">
        <div class="page">
          <div style="padding: 20px 0px 0px 20px">
            <el-breadcrumb separator-class="el-icon-arrow-right">
              <el-breadcrumb-item @click.native="breadClick(item.deptTreeIdList)" v-for="item in deptTree.breadList"
                                  :key="item.name">
                <el-button type="text" class="bread_button_text">{{item.deptName}}</el-button>
              </el-breadcrumb-item>
            </el-breadcrumb>
          </div>
          <el-divider></el-divider>
          <div class="s-table">
            <!-- 数据统计-->
            <el-row>
              <el-col :span="12">
                <!--路线统计-->
                <el-card class="card_echarts" shadow="hover">
                  <echarts-nesting-change ref="echartsOneChange"></echarts-nesting-change>
                </el-card>
              </el-col>
              <el-col :span="12">
                <!--区间统计-->
                <el-card class="card_echarts" shadow="hover">
                  <echarts-nesting-change ref="echartsTwoChange"></echarts-nesting-change>
                </el-card>
              </el-col>

            </el-row>
            <!-- 条件筛选 -->
            <div class="page_filter">
              <el-input v-model="form.queryString" style="width: 300px" clearable placeholder="名称...">
                <template slot="prepend">查询条件</template>
              </el-input>
              <el-select v-model="form.baseUnitId" clearable placeholder="选择基础单元" filterable>
                <el-option
                  v-for="item in baseUnitSelectList"
                  :key="item.id"
                  :label="item.roadName"
                  :value="item.id">
                </el-option>
              </el-select>
              <el-select v-model="form.pipeType" clearable placeholder="管线类型">
                <el-option
                  v-for="item in EnumPipeTypeList"
                  :key="item.code"
                  :label="item.name"
                  :value="item.code">
                </el-option>
              </el-select>

              <el-button class="common_btn-defalut" icon="el-icon-search" @click="form.page=1;queryList()">搜索
              </el-button>
            </div>
            <div class="page_main">
              <el-button icon="el-icon-plus" @click.stop="handleAdd" class="common_btn-small">管线新增</el-button>
              <!-- table -->
              <div class="common_btnBox">
                <i class="iconfont iconzongshu icon-size"></i>
                总数：{{form.total}}
              </div>
              <el-table
                :data="tableList"
                @expand-change="queryWaterInfoList"
                border>
                <el-table-column type="expand">
                  <template slot-scope="scope">
                    <!-- 分段表单 -->
                    <div class="tableChild">
                      <el-table :data="scope.row.children || []" border
                                v-loading="loading">
                        <el-table-column prop="name" show-overflow-tooltip min-width="150"
                                         label="分段名称"></el-table-column>
                        <el-table-column prop="startName" show-overflow-tooltip min-width="150"
                                         label="起点名"></el-table-column>
                        <el-table-column prop="endName" show-overflow-tooltip min-width="150"
                                         label="终点名"></el-table-column>
                        <el-table-column prop="installationTypeName" show-overflow-tooltip width="120"
                                         label="敷设方式"></el-table-column>
                        <el-table-column prop="pipeUseTypeName" show-overflow-tooltip width="150"
                                         label="管材">
                          <template slot-scope="scope">
                            {{scope.row.pipeUseTypeName }}
                            <span v-if="scope.row.pipeUseType===9" style="color: gray !important;"> ({{scope.row.pipeTypeOther }})</span>
                          </template>
                        </el-table-column>
                        <el-table-column prop="length" show-overflow-tooltip width="110"
                                         label="管道长度">
                          <template slot-scope="scope">
                            {{scope.row.length }}m
                          </template>
                        </el-table-column>

                        <el-table-column prop="updateTime" min-width="160" label="普查日期">
                          <template slot-scope="scope">
                            {{scope.row.updateTime | formatTimer }}
                          </template>
                        </el-table-column>
                        <el-table-column prop="operator" show-overflow-tooltip width="120"
                                         label="操作账号"></el-table-column>
                        <el-table-column label="操作" fixed="right" width="150">
                          <template slot-scope="scope">
                            <button type="text"
                                    class="btn_edit"
                                    @click="handleEditWaterItem(scope.row)">
                              编辑分段
                            </button>
                          </template>
                        </el-table-column>
                      </el-table>
                    </div>

                  </template>
                </el-table-column>
                <el-table-column prop="name" min-width="120" label="设施名称"></el-table-column>
                <el-table-column prop="roadName" min-width="140" label="道路名称"></el-table-column>
                <el-table-column prop="pipeType" width="120" label="管线类型">
                  <template slot-scope="scope">
                    <el-tag :style="scope.row.pipeType| pipeTypeColor" style="color: white" size="medium">
                      {{scope.row.pipeTypeName}}
                    </el-tag>
                  </template>
                </el-table-column>
                <el-table-column prop="deptTreeName" min-width="140" show-overflow-tooltip
                                 label="主管部门"></el-table-column>
                <el-table-column prop="securityLevelName" width="100" show-overflow-tooltip
                                 label="安全等级"></el-table-column>
                <el-table-column prop="earthQuakeLevelName" width="120" show-overflow-tooltip
                                 label="抗震设防烈度"></el-table-column>
                <el-table-column prop="earthQuakeTypeName" width="120" show-overflow-tooltip
                                 label="抗震设防类别"></el-table-column>
                <el-table-column prop="buildTime" width="140" show-overflow-tooltip label="建成年月">
                  <template slot-scope="scope">
                    {{scope.row.buildTime|formatTimer()}}
                  </template>
                </el-table-column>
                <el-table-column prop="operator" show-overflow-tooltip width="100" label="操作账号"></el-table-column>
                <el-table-column label="操作" width="230" fixed="right">
                  <template slot-scope="scope">
                    <button type="text" class="btn_edit" @click="handleAddWater(scope.row)">添加分段</button>
                    <button type="text" class="btn_add" @click="handleEdit(scope.row)">修改</button>
                    <button type="text" class="btn_add" @click="handleManholeCover(scope.row.id)">查看点位</button>
                    <button type="text" class="btn_edit" @click="handleImportWell(scope.row)">导入点位</button>
                    <button type="text" class="btn_edit" @click="handleImport(scope.row)">导入分段</button>
                    <button type="text" class="btn_edit" @click="handleExpotrPipe(scope.row)">导出分段</button>
                    <el-popconfirm v-if="hasPermission('pipe:info:del')" confirmButtonText='好的'
                                   cancelButtonText='不用了' icon="" title="管线及其下点位和分段数据将全部清除，确定删除吗？"
                                   @confirm="handleDelete(scope.row.id)">
                      <button slot="reference" class="btn_delete">删除</button>
                    </el-popconfirm>
                  </template>
                </el-table-column>
              </el-table>
              <!-- 分页器 -->
              <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
                             :current-page="form.page"
                             :page-size="form.pageSize"    :page-sizes="[10, 20, 30, 40,50,60,70,80,90,100]"
              layout="sizes, prev, pager, next"  :total="form.total">
              </el-pagination>
            </div>
            <!-- 新增编辑抽屉 -->
            <el-drawer direction="rtl" :title="dialogTitle" :visible.sync="isShowDrawer" :close-on-click-modal="false"
                       size="40%">
              <!-- 具体form表单 -->
              <div class="drawerContent" id="baseForm">
                <div
                  v-if="stepActive === 1"
                  style="text-align: center; margin-top: 5%; padding: 20px">
                  <el-divider><span style="font-size: 25px; color:#1990FE">选择灾害类型</span></el-divider>
                  <el-row :gutter="10">
                    <el-col :span="8" v-for="item in EnumPipeTypeList" :key="item.code">
                      <el-card
                        class="hiddenDangerFormCard"
                        shadow="hover"
                        @click.native="changePipeType(item)"
                        :class="pipeType == item.code ? 'select_card' : 'hover_card'">
                        <img v-if="item.name === '给水管线'" src='@/assets/images/pipeType/geishui.png'>
                        <img v-else-if="item.name === '再生水管线'" src='~@/assets/images/pipeType/zaishengshui.png'>
                        <img v-else-if="item.name === '雨水管线'" src='~@/assets/images/pipeType/yushui.png'>
                        <img v-else-if="item.name === '污水管线'" src='~@/assets/images/pipeType/wushui.png'>
                        <img v-else-if="item.name === '热力管线'" src='~@/assets/images/pipeType/reli.png'>
                        <img v-else-if="item.name === '燃气管线'" src='~@/assets/images/pipeType/ranqi.png'>
                        <img v-else-if="item.name === '电力管线'" src='~@/assets/images/pipeType/dianli.png'>
                        <img v-else-if="item.name === '通信管线'" src='~@/assets/images/pipeType/tongxun.png'>
                        <span class="zh_name_view">{{ item.name }}</span>
                      </el-card>
                    </el-col>
                  </el-row>
                </div>
                <table v-if="stepActive === 2" id="printJS-form1">
                  <!-- 管理信息-->
                  <caption style="margin-bottom: 20px;font-weight: 600;font-size: 24px" align="top">
                    {{pipeTypeName}}及其附属设施普查信息表
                  </caption>

                  <tr v-if="pipeTypeName=='通信管线'">
                    <td class="td_25">通信类型选择</td>
                    <td class="td_75" colspan="3">
                      <el-select v-model="currentRow.tongXin" clearable placeholder="选择通信类型选择" :disabled="isDisabled">
                        <el-option
                          v-for="item in EnumTongXinList"
                          :key="item.code"
                          :label="item.name"
                          :value="item.code">
                        </el-option>
                      </el-select>

                    </td>
                  </tr>
                  <tr>
                    <td class="td_25">基础单元选择</td>
                    <td class="td_75" colspan="3">
                      <el-select v-model="currentRow.baseUnitId" clearable placeholder="选择基础单位" :disabled="isDisabled">
                        <el-option
                          v-for="item in baseUnitSelectList"
                          :key="item.id"
                          :label="item.roadName"
                          :value="item.id">
                        </el-option>
                      </el-select>

                    </td>
                  </tr>
                  <tr>
                    <td class="td_15"><i style="color: red">*</i>普查日期</td>
                    <td class="td_35" :colspan="currentRow.id!==undefined?1:3">
                      <el-date-picker style="width: 200px" :disabled="isLook"
                                      v-model="currentRow.investigateTime"
                                      type="date"
                                      placeholder="选择时间">
                      </el-date-picker>
                    </td>
                    <td class="td_15" v-if="currentRow.id!==undefined">
                      <i style="color: red">*</i>普查单元编号
                    </td>
                    <td class="td_35" v-if="currentRow.id!==undefined">
                      <el-input v-model.trim="currentRow.unitNo" disabled></el-input>
                    </td>
                  </tr>
                  <tr>
                    <td colspan="4" class="td_100">1 管理信息</td>
                  </tr>
                  <tr>
                    <td class="td_25">设施名称</td>
                    <td class="td_75" colspan="3">
                      <el-input :disabled="isLook" v-model.trim="currentRow.name"></el-input>
                    </td>
                  </tr>
                  <tr>
                    <td class="td_25" style="display: table-cell;vertical-align: middle">设施方位描述</td>
                    <td class="td_75" colspan="3">
                      <el-input v-model.trim="currentRow.relation" :disabled="isLook" type="textarea"
                                :rows="4"></el-input>
                    </td>
                  </tr>
                  <tr>
                    <td class="td_25">政府主管部门</td>
                    <td class="td_75" colspan="3">
                      <el-input v-model.trim="currentRow.ownUnit" :disabled="isLook"></el-input>
                    </td>
                  </tr>
                  <tr>
                    <td class="td_25">建设单位</td>
                    <td class="td_75" colspan="3">
                      <el-input v-model.trim="currentRow.buildUnit" :disabled="isLook"></el-input>
                    </td>
                  </tr>

                  <tr>
                    <td class="td_25">勘察单位</td>
                    <td class="td_75" colspan="3">
                      <el-input v-model.trim="currentRow.viewUnit" :disabled="isLook"></el-input>
                    </td>
                  </tr>
                  <tr>
                    <td class="td_25">施工单位</td>
                    <td class="td_75" colspan="3">
                      <el-input v-model.trim="currentRow.constructionUnit" :disabled="isLook"></el-input>
                    </td>
                  </tr>
                  <tr>
                    <td class="td_15">建成年月</td>
                    <td class="td_75" colspan="3">
                      <el-date-picker style="width: 200px"
                                      v-model="currentRow.startTime"
                                      :disabled="isLook"
                                      type="date"
                                      placeholder="选择时间">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td class="td_15">开始使用年月</td>
                    <td class="td_75" colspan="3">
                      <el-date-picker style="width: 200px"
                                      :disabled="isLook"
                                      v-model="currentRow.buildTime"
                                      type="date"
                                      placeholder="选择时间">
                      </el-date-picker>
                    </td>
                  </tr>
                  <!-- 基本情况-->
                  <tr>
                    <td class="td_25">基础形式</td>
                    <td class="td_75" colspan="3">
                      <el-radio-group v-model="currentRow.groundSill" v-for="item in EnumGroundSillList"
                                      :key="item.code">
                        <el-radio :label="item.code">{{item.name}}</el-radio>
                      </el-radio-group>
                    </td>
                  </tr>
                  <tr>
                    <td class="td_25 td_cell">地下水情况</td>
                    <td class="td_75" colspan="3">
                      <div style="width: 50%;display: inline-block">设计地下水位
                        <el-input style="width: 40%;border-bottom: 1px solid gray"
                                  v-model="currentRow.designGroundWater"
                                  type="number"></el-input>
                        m
                      </div>
                      <div style="width: 50%;display: inline-block">现况地下水位
                        <el-input style="width: 40%;border-bottom: 1px solid gray" v-model="currentRow.nowGroundWater"
                                  type="number"></el-input>
                        m
                      </div>
                      地下水有腐蚀性:
                      <el-radio-group v-model="currentRow.hasCausticity" v-for="item in EnumSysBooleanList"
                                      :key="item.code">
                        <el-radio :label="item.code">{{item.name}}</el-radio>
                      </el-radio-group>
                    </td>
                  </tr>
                  <tr>
                    <td class="td_25 td_cell">施工方式</td>
                    <td class="td_75" colspan="3">

                      <el-radio-group v-model="currentRow.constructionType" v-for="item in EnumConstructionTypeList"
                                      :key="item.code">
                        <el-radio :label="item.code">{{item.name}}</el-radio>
                      </el-radio-group>
                    </td>
                  </tr>
                  <tr>
                    <td class="td_15">设计使用年
                      限
                    </td>
                    <td class="td_75" colspan="3">
                      <el-input v-model="currentRow.useTime" type="number" style="width:25%">

                        <template slot="append">年</template>
                      </el-input>

                    </td>
                  </tr>
                  <tr>
                    <td class="td_25 td_cell">结构设计安全等级</td>
                    <td class="td_75" colspan="3">

                      <el-radio-group v-model="currentRow.securityLevel" v-for="item in EnumSecurityLevelList"
                                      :key="item.code">
                        <el-radio :label="item.code">{{item.name}}</el-radio>
                      </el-radio-group>
                    </td>
                  </tr>
                  <tr>
                    <td class="td_25 td_cell">抗震设防烈
                      度
                    </td>
                    <td class="td_75" colspan="3">
                      <el-radio-group v-model="currentRow.earthQuakeLevel" v-for="item in EnumEarthQuakeList"
                                      :key="item.code">
                        <el-radio :label="item.code">{{item.name}}</el-radio>
                      </el-radio-group>
                    </td>
                  </tr>
                  <tr>
                    <td class="td_25 td_cell">抗震设防类别</td>
                    <td class="td_75" colspan="3">

                      <el-radio-group v-model="currentRow.earthQuakeType" v-for="item in EnumEarthQuakeTypeList"
                                      :key="item.code">
                        <el-radio :label="item.code">{{item.name}}</el-radio>
                      </el-radio-group>
                    </td>
                  </tr>
                  <tr>
                    <td class="td_25 td_cell">地面活载设计标准</td>
                    <td class="td_75" colspan="3">

                      <el-radio-group v-model="currentRow.mobileLoad" v-for="item in EnumMobileLoadList"
                                      :key="item.code">
                        <el-radio :label="item.code">{{item.name}}</el-radio>
                      </el-radio-group>
                    </td>
                  </tr>
                </table>
                <div style="width: 100%;text-align:center">
                  <el-button style="margin-top: 10px" class="common_btn-defalut" type="primary" v-if="stepActive === 2"
                             @click="stepActive--">上一步
                  </el-button>
                  <el-button class="common_btn-defalut" type="primary" v-if="stepActive === 1" @click="nextStep()">下一步
                  </el-button>
                </div>

              </div>
              <!-- 操作按钮 -->
              <div class="demo-drawer__footer">
                <el-button @click="isShowDrawer=false" type="info">取 消</el-button>
                <el-button type="primary" class="common_btn-defalut" @click="validateAddForm">确 定</el-button>
                <!--        <el-button type="primary" class="common_btn-defalut" @click="CreateOneFormPage">打 印</el-button>-->
              </div>

            </el-drawer>
            <!--新增编辑分段-->
            <el-drawer
              :title="waterTitle"
              v-if="isEmpower"
              direction="rtl"
              :visible.sync="isShowDialog"
              :close-on-click-modal="false"
              size="64%">
              <div class="drawerContent_Water">
                <h3 style="font-size: 200%;font-weight: 600;text-align: center;margin-bottom: 10px"
                >{{subsectionName}}分段普查信息表</h3>
                <!--给水管线表-->     <!--再生水管线表-->
                <div v-if="pipeTypes==1||pipeTypes==2">
                  <table>
                    <tr>
                      <td class="td_vertical" style="width: 50px !important;" rowspan="4">现场普查</td>
                      <td class="td_15">敷设方式</td>
                      <td class="td_80" colspan="2">
                        <el-radio-group v-model="formList.installationType" v-for="item in EnumInstallationTypeList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                      </td>
                      <td class="td_15">埋深(m)</td>
                      <td class="td_80" colspan="2">
                        <el-input
                          v-model="formList.depth" placeholder="请输入埋深"></el-input>
                      </td>
                    </tr>
                    <!--            需要修改判断-->
                    <tr>
                      <td class="td_15 td_vertical">明装管道外观检查</td>
                      <td class="td_85" colspan="5">
                        <el-radio-group v-model="formList.appearance" v-for="item in EnumAppearanceList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                        <!--                判断其他  需要修改部分-->
                        <el-input v-if="formList.appearance==7"
                                  v-model="formList.appearanceOther" placeholder="请输入其他"></el-input>
                      </td>
                    </tr>
                    <tr>
                      <td class="td_10">起点信息</td>

                      <td colspan="2">
                        <el-select :disabled="isLook" v-model="formList.startCoverId" style="width: 100%;" clearable
                                   filterable
                                   placeholder="请选择检查井" @change="changeStart()">
                          <el-option
                            v-for="item in manholeQuerySelectList"
                            :key="item.name"
                            :label="item.name"
                            :value="item.id">
                          </el-option>
                        </el-select>
                      </td>

                      <td class="td_15" colspan="1">
                        <el-input v-model="formList.startLatitude" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">纬度</template>
                        </el-input>
                      </td>
                      <td class="td_15" colspan="1">
                        <el-input v-model="formList.startLongitude" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">经度</template>
                        </el-input>
                      </td>
                      <td class="td_15" colspan="1">
                        <el-input v-model="formList.startHeight" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">高程</template>
                        </el-input>
                      </td>

                    </tr>
                    <tr>
                      <td class="td_10">止点信息</td>
                      <td colspan="2">
                        <el-select :disabled="isLook" v-model="formList.endCoverId" style="width: 100%;" clearable
                                   filterable
                                   placeholder="请选择检查井" @change="changeEnd()">
                          <el-option
                            v-for="item in manholeQuerySelectList"
                            :key="item.name"
                            :label="item.name"
                            :value="item.id">
                          </el-option>
                        </el-select>
                      </td>

                      <td class="td_15">
                        <el-input v-model="formList.endLatitude" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">纬度</template>
                        </el-input>
                      </td>
                      <td class="td_15">
                        <el-input v-model="formList.endLongitude" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">经度</template>
                        </el-input>
                      </td>
                      <td class="td_15">
                        <el-input v-model="formList.endHeight" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">高程</template>
                        </el-input>
                      </td>

                    </tr>
                    <tr>
                      <td class="td_vertical" style="width: 50px" rowspan="7">设计资料</td>
                      <td class="td_15"> 设计报出时间</td>
                      <td style="width: 20%">
                        <el-date-picker style="width: 200px"
                                        v-model="formList.designTime"
                                        type="date"
                                        placeholder="选择设计报出时间">
                        </el-date-picker>
                      </td>
                      <td colspan="2" style="width: 20%">
                        <el-input v-model="formList.endLand" clearable placeholder="" type="number">
                          <template slot="prepend">管(沟块)内底</template>
                        </el-input>
                      </td>
                      <td style="width: 20%" colspan="2">
                        <el-input v-model="formList.startLand" clearable placeholder="" type="number">
                          <template slot="prepend">管(沟块)顶</template>
                        </el-input>
                      </td>
                    </tr>
                    <tr>
                      <td class="td_15 td_vertical">管材</td>
                      <td class="td_85" colspan="5">
                        <el-radio-group v-model="formList.pipeUseType" v-for="item in EnumPipeUseTypeList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                        <el-input v-if="formList.pipeUseType==9" v-model="formList.pipeTypeOther" placeholder="输入其他">

                        </el-input>

                      </td>
                    </tr>
                    <tr>
                      <td class="td_15 td_vertical">管道接口形式</td>
                      <td class="td_85" colspan="5">
                        <el-radio-group v-model="formList.pipeJoinType" v-for="item in EnumPipeJoinTypeList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>


                      </td>
                    </tr>
                    <tr>
                      <td class="td_15 td_vertical">地基情况</td>
                      <td class="td_85" colspan="5">
                        <el-radio-group v-model="formList.groundInfo" v-for="item in EnumGroundInfoList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>


                      </td>
                    </tr>
                    <tr>
                      <td class="td_vertical">是否处于浅部砂层中</td>
                      <td>
                        <el-radio-group v-model="formList.hasSand" v-for="item in EnumSysBooleanList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                      </td>
                      <td class="td_vertical">是否处于地震断裂带</td>
                      <td>
                        <el-radio-group v-model="formList.hasEarthQuake" v-for="item in EnumSysBooleanList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                      </td>
                      <td class="td_vertical">是否存在不良地质</td>
                      <td>
                        <el-radio-group v-model="formList.hasBuLiangDiZhi" v-for="item in EnumSysBooleanList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                      </td>
                    </tr>

                    <tr>
                      <td class=" td_vertical">
                        管道长度（m）
                      </td>
                      <td>
                        <el-input v-model="formList.length" clearable type="number">
                          <template slot="append">m</template>
                        </el-input>
                      </td>

                      <td class=" td_vertical">
                        官网压力
                      </td>
                      <td>
                        <el-input v-model="formList.pressure" clearable>
                        </el-input>
                      </td>

                      <td class=" td_vertical">
                        流量
                      </td>
                      <td>
                        <el-input v-model="formList.flow" clearable>
                        </el-input>
                      </td>
                    </tr>

                    <tr>
                      <td class="td_15 td_vertical">管径(DN)/断面尺寸(长*宽）（mm)</td>
                      <td class="td_15 td_vertical">
                        <el-input v-model="formList.caliber" clearable placeholder="" type="number">
                          <template slot="prepend">DN</template>
                        </el-input>
                      </td>
                      <td class="td_15 td_vertical" colspan="2">
                        <el-input v-model="formList.pipeHeight" clearable placeholder="" type="number">
                          <template slot="prepend">长度</template>
                          <template slot="append">mm</template>
                        </el-input>
                      </td>
                      <td class="td_15 td_vertical " colspan="2">
                        <el-input v-model="formList.pipeWidth" clearable placeholder="" type="number">
                          <template slot="prepend">宽度</template>
                          <template slot="append">mm</template>
                        </el-input>
                      </td>

                    </tr>

                  </table>
                  <!--                  &lt;!&ndash;  拐点信息&ndash;&gt;-->
                  <!--                  <table>-->
                  <!--                    <tr class="td_vertical" style="border-top: 0px">-->
                  <!--                      <td :rowspan="formList.changePointList.length+1" class="td_vertical"-->
                  <!--                          style="border-top: 0px;width:118px ">-->
                  <!--                        拐点信息-->
                  <!--                      </td>-->

                  <!--                      <td style="border-top: 0px;width:95px">名称</td>-->
                  <!--                      <td style="border-top: 0px;width: 20%">-->
                  <!--                        高程-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px">-->
                  <!--                        x坐标-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px">-->
                  <!--                        y坐标-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px;width:20%">说明</td>-->
                  <!--                      <td style="border-top: 0px;width: 5%" class="operationAdd">-->
                  <!--                        <el-button icon="el-icon-plus" @click="addchangePoint()" class="common_btn-small">添加</el-button>-->
                  <!--                      </td>-->
                  <!--                    </tr>-->
                  <!--                    <tr v-for="(item,index) in formList.changePointList" :key="item.index">-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model="item.name" clearable placeholder="请输入拐点名">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td>-->
                  <!--                        <el-input v-model.number="item.height" clearable placeholder="请输入高程" type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td>-->
                  <!--                        <el-input v-model.number="item.xLocation" clearable placeholder="请输入X坐标"-->
                  <!--                                  type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td>-->
                  <!--                        <el-input v-model.number="item.yLocation" clearable placeholder="请输入Y坐标"-->
                  <!--                                  type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model="item.explanation" clearable placeholder="请输入说明">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->

                  <!--                      <td class="td_vertical">-->
                  <!--                        <button class="btn_delete" @click="delectChangePoint(index)">删除</button>-->
                  <!--                      </td>-->
                  <!--                    </tr>-->
                  <!--                  </table>-->
                  <!--                  &lt;!&ndash;  附属井&ndash;&gt;-->
                  <!--                  <table>-->
                  <!--                    <tr class="td_vertical" style="border-top: 0px">-->
                  <!--                      <td :rowspan="formList.wellList.length+1" class="td_vertical"-->
                  <!--                          style="border-top: 0px;width:10.85%">-->
                  <!--                        附属井信息-->
                  <!--                      </td>-->

                  <!--                      <td style="border-top: 0px;width: 8.7%">名称</td>-->
                  <!--                      <td style="border-top: 0px;width: 8%">-->
                  <!--                        高程-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px;;width: 8%">-->
                  <!--                        X坐标-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px;;width: 8%">-->
                  <!--                        Y坐标-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px;width:15%">说明</td>-->
                  <!--                      <td style="border-top: 0px;width:15%">结构/尺寸</td>-->
                  <!--                      <td style="border-top: 0px;width:30%">附属设施结构形式</td>-->
                  <!--                      <td style="border-top: 0px;width: 5%" class="operationAdd">-->
                  <!--                        <el-button icon="el-icon-plus" @click="addwellList()" class="common_btn-small">添加</el-button>-->
                  <!--                      </td>-->
                  <!--                    </tr>-->
                  <!--                    <tr v-for="(item,index) in formList.wellList" :key="item.index">-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        附属井{{index+1}}-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model.number="item.height" clearable placeholder="高程" type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model.number="item.xLocation" clearable placeholder="X坐标"-->
                  <!--                                  type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model.number="item.yLocation" clearable placeholder="Y坐标"-->
                  <!--                                  type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input type="textarea" :rows="2" v-model="item.explanation" clearable placeholder="请输入说明">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input type="textarea" :rows="2" v-model="item.tructure" clearable placeholder="请输入结构尺寸">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-radio-group v-model="item.wellType" v-for="items in EnumWellTypeList"-->
                  <!--                                        :key="items.code">-->
                  <!--                          <el-radio :label="items.code">{{items.name}}</el-radio>-->
                  <!--                        </el-radio-group>-->

                  <!--                        <el-input style="width:75%" v-if="item.wellType==3" v-model="item.wellTypeOther" clearable-->
                  <!--                                  placeholder="请输入其他形式">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <button class="btn_delete" @click="delectwellList(index)">删除</button>-->
                  <!--                      </td>-->
                  <!--                    </tr>-->
                  <!--                  </table>-->
                </div>
                <!--雨水管线表-->   <!--污水管线表-->
                <div v-if="pipeTypes==3||pipeTypes==4">
                  <table>
                    <tr>
                      <td class="td_vertical" style="width: 100px" rowspan="4">现场普查</td>
                      <td class="td_10">敷设方式</td>
                      <td class="td_95" colspan="2">
                        <el-radio-group v-model="formList.installationType" v-for="item in EnumInstallationTypeList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                      </td>
                      <td class="td_15">埋深(m)</td>
                      <td class="td_80" colspan="2">
                        <el-input
                          v-model="formList.depth" placeholder="请输入埋深"></el-input>
                      </td>
                    </tr>
                    <!--            需要修改判断-->
                    <tr>
                      <td class="td_15 td_vertical">明装管道外观检查</td>
                      <td class="td_85" colspan="5">
                        <el-radio-group v-model="formList.appearance" v-for="item in EnumAppearanceList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                        <!--                判断其他  需要修改部分-->
                        <el-input v-if="formList.appearance==7"
                                  v-model="formList.appearanceOther" placeholder="请输入其他"></el-input>
                      </td>
                    </tr>
                    <tr>
                      <td class="td_10">起点信息</td>
                      <td colspan="2">
                        <el-select :disabled="isLook" v-model="formList.startCoverId" style="width: 100%;" clearable
                                   filterable
                                   placeholder="请选择检查井" @change="changeStart()">
                          <el-option
                            v-for="item in manholeQuerySelectList"
                            :key="item.name"
                            :label="item.name"
                            :value="item.id">
                          </el-option>
                        </el-select>
                      </td>

                      <td colspan="1">
                        <el-input v-model="formList.startLatitude" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">纬度</template>
                        </el-input>
                      </td>
                      <td colspan="1">
                        <el-input v-model="formList.startLongitude" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">经度</template>
                        </el-input>
                      </td>
                      <td colspan="1">
                        <el-input v-model="formList.startHeight" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">高程</template>
                        </el-input>
                      </td>

                    </tr>
                    <tr>
                      <td class="td_10">止点信息</td>
                      <td style="width:10%" colspan="2">
                        <el-select :disabled="isLook" v-model="formList.endCoverId" style="width: 100%;" clearable
                                   filterable
                                   placeholder="请选择检查井" @change="changeEnd()">
                          <el-option
                            v-for="item in manholeQuerySelectList"
                            :key="item.name"
                            :label="item.name"
                            :value="item.id">
                          </el-option>
                        </el-select>
                      </td>

                      <td class="td_15" style="width:10%">
                        <el-input v-model="formList.endLatitude" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">纬度</template>
                        </el-input>
                      </td>
                      <td class="td_15" style="width:10%">
                        <el-input v-model="formList.endLongitude" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">经度</template>
                        </el-input>
                      </td>
                      <td class="td_15" style="width:10%">
                        <el-input v-model="formList.endHeight" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">高程</template>
                        </el-input>
                      </td>

                    </tr>
                    <tr>
                      <td class="td_vertical" style="width: 50px" rowspan="7">设计资料</td>
                      <td class="td_15"> 设计报出时间</td>
                      <td style="width: 20%">
                        <el-date-picker style="width: 200px"
                                        v-model="formList.designTime"
                                        type="date"
                                        placeholder="选择设计报出时间">
                        </el-date-picker>
                      </td>
                      <td colspan="2" style="width: 20%">
                        <el-input v-model="formList.endLand" clearable placeholder="" type="number">
                          <template slot="prepend">管(沟块)内底</template>
                        </el-input>
                      </td>
                      <td style="width: 20%" colspan="2">
                        <el-input v-model="formList.startLand" clearable placeholder="" type="number">
                          <template slot="prepend">管(沟块)顶</template>
                        </el-input>
                      </td>
                    </tr>
                    <tr>
                      <td class="td_15 td_vertical">管材</td>
                      <td class="td_85" colspan="5">
                        <el-radio-group v-model="formList.pipeUseType" v-for="item in EnumPipeUseTypeList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                        <el-input v-if="formList.pipeUseType==9" v-model="formList.pipeTypeOther" placeholder="输入其他">

                        </el-input>

                      </td>
                    </tr>
                    <tr>
                      <td class="td_15 td_vertical">管道接口形式</td>
                      <td class="td_85" colspan="5">
                        <el-radio-group v-model="formList.pipeJoinType" v-for="item in EnumPipeJoinTypeList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>


                      </td>
                    </tr>
                    <tr>
                      <td class="td_15 td_vertical">地基情况</td>
                      <td class="td_85" colspan="5">
                        <el-radio-group v-model="formList.groundInfo" v-for="item in EnumGroundInfoList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>


                      </td>
                    </tr>
                    <tr>
                      <td class="td_vertical">是否处于浅部砂层中</td>
                      <td>
                        <el-radio-group v-model="formList.hasSand" v-for="item in EnumSysBooleanList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                      </td>
                      <td class="td_vertical">是否处于地震断裂带</td>
                      <td>
                        <el-radio-group v-model="formList.hasEarthQuake" v-for="item in EnumSysBooleanList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                      </td>
                      <td class="td_vertical">是否存在不良地质</td>
                      <td>
                        <el-radio-group v-model="formList.hasBuLiangDiZhi" v-for="item in EnumSysBooleanList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                      </td>
                    </tr>

                    <tr>
                      <td class=" td_vertical">
                        管道长度（m）
                      </td>
                      <td>
                        <el-input v-model="formList.length" clearable type="number">
                          <template slot="append">m</template>
                        </el-input>
                      </td>

                      <td class=" td_vertical">
                        官网压力
                      </td>
                      <td>
                        <el-input v-model="formList.pressure" clearable>
                        </el-input>
                      </td>

                      <td class=" td_vertical">
                        流量
                      </td>
                      <td>
                        <el-input v-model="formList.flow" clearable>
                        </el-input>
                      </td>
                    </tr>

                    <tr>
                      <td class="td_15 td_vertical">管径(DN)/断面尺寸(长*宽）（mm)</td>
                      <td class="td_15 td_vertical">
                        <el-input v-model="formList.caliber" clearable placeholder="" type="number">
                          <template slot="prepend">DN</template>
                        </el-input>
                      </td>
                      <td class="td_15 td_vertical" colspan="2">
                        <el-input v-model="formList.pipeHeight" clearable placeholder="" type="number">
                          <template slot="prepend">长度</template>
                          <template slot="append">mm</template>
                        </el-input>
                      </td>
                      <td class="td_15 td_vertical " colspan="2">
                        <el-input v-model="formList.pipeWidth" clearable placeholder="" type="number">
                          <template slot="prepend">宽度</template>
                          <template slot="append">mm</template>
                        </el-input>
                      </td>

                    </tr>
                    <tr>
                      <td class="td_15 td_vertical">雨污合流</td>
                      <td class="td_85" colspan="6">
                        <el-radio-group v-model="formList.hasMix" v-for="item in EnumSysBooleanList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                      </td>
                    </tr>


                  </table>
                  <!--                  &lt;!&ndash;  拐点信息&ndash;&gt;-->
                  <!--                  <table>-->
                  <!--                    <tr class="td_vertical" style="border-top: 0px">-->
                  <!--                      <td :rowspan="formList.changePointList.length+1" class="td_vertical"-->
                  <!--                          style="border-top: 0px;width:118px">-->
                  <!--                        拐点信息-->
                  <!--                      </td>-->

                  <!--                      <td style="border-top: 0px;width: 95px">名称</td>-->
                  <!--                      <td style="border-top: 0px;width: 20%">-->
                  <!--                        高程-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px">-->
                  <!--                        X坐标-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px">-->
                  <!--                        Y坐标-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px;width:20%">说明</td>-->
                  <!--                      <td style="border-top: 0px;width: 5%" class="operationAdd">-->
                  <!--                        <el-button icon="el-icon-plus" @click="addchangePoint()" class="common_btn-small">添加</el-button>-->
                  <!--                      </td>-->
                  <!--                    </tr>-->
                  <!--                    <tr v-for="(item,index) in formList.changePointList" :key="item.index">-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model="item.name" clearable placeholder="请输入拐点名">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td>-->
                  <!--                        <el-input v-model.number="item.height" clearable placeholder="请输入高程" type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td>-->
                  <!--                        <el-input v-model.number="item.xLocation" clearable placeholder="请输入X坐标"-->
                  <!--                                  type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td>-->
                  <!--                        <el-input v-model.number="item.yLocation" clearable placeholder="请输入Y坐标"-->
                  <!--                                  type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model="item.explanation" clearable placeholder="请输入说明">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->

                  <!--                      <td>-->
                  <!--                        <button class="btn_delete" @click="delectChangePoint(index)">删除</button>-->
                  <!--                      </td>-->
                  <!--                    </tr>-->
                  <!--                  </table>-->
                  <!--                  &lt;!&ndash;  附属井&ndash;&gt;-->
                  <!--                  <table>-->
                  <!--                    <tr class="td_vertical" style="border-top: 0px">-->
                  <!--                      <td :rowspan="formList.wellList.length+1" class="td_vertical"-->
                  <!--                          style="border-top: 0px;width:10.85%">-->
                  <!--                        附属井信息-->
                  <!--                      </td>-->

                  <!--                      <td style="border-top: 0px;width: 8.7%">名称</td>-->
                  <!--                      <td style="border-top: 0px;width: 8%">-->
                  <!--                        高程-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px;;width: 8%">-->
                  <!--                        X坐标-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px;;width: 8%">-->
                  <!--                        Y坐标-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px;width:15%">说明</td>-->
                  <!--                      <td style="border-top: 0px;width:15%">结构/尺寸</td>-->
                  <!--                      <td style="border-top: 0px;width:30%">附属设施结构形式</td>-->
                  <!--                      <td style="border-top: 0px;width: 5%" class="operationAdd">-->
                  <!--                        <el-button icon="el-icon-plus" @click="addwellList()" class="common_btn-small">添加</el-button>-->
                  <!--                      </td>-->
                  <!--                    </tr>-->
                  <!--                    <tr v-for="(item,index) in formList.wellList" :key="item.index">-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        附属井{{index+1}}-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model.number="item.height" clearable placeholder="高程" type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model.number="item.xLocation" clearable placeholder="X坐标"-->
                  <!--                                  type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model.number="item.yLocation" clearable placeholder="Y坐标"-->
                  <!--                                  type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input type="textarea" :rows="2" v-model="item.explanation" clearable placeholder="请输入说明">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input type="textarea" :rows="2" v-model="item.tructure" clearable placeholder="请输入结构尺寸">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-radio-group v-model="item.wellType" v-for="items in EnumWellTypeList"-->
                  <!--                                        :key="items.code">-->
                  <!--                          <el-radio :label="items.code">{{items.name}}</el-radio>-->
                  <!--                        </el-radio-group>-->

                  <!--                        <el-input style="width:75%" v-if="item.wellType==3" v-model="item.wellTypeOther" clearable-->
                  <!--                                  placeholder="请输入其他形式">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <button class="btn_delete" @click="delectwellList(index)">删除</button>-->
                  <!--                      </td>-->
                  <!--                    </tr>-->
                  <!--                  </table>-->
                </div>
                <!--热力管线表-->
                <div v-if="pipeTypes==5">
                  <table>
                    <tr>
                      <td class="td_vertical" style="width: 100px" rowspan="4">现场普查</td>
                      <td class="td_10">敷设方式</td>
                      <td class="td_95" colspan="2">
                        <el-radio-group v-model="formList.installationType" v-for="item in EnumInstallationTypeList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                      </td>
                      <td class="td_15">埋深(m)</td>
                      <td class="td_80" colspan="2">
                        <el-input
                          v-model="formList.depth" placeholder="请输入埋深"></el-input>
                      </td>
                    </tr>
                    <!--            需要修改判断-->
                    <tr>
                      <td class="td_15 td_vertical">明装管道外观检查</td>
                      <td class="td_85" colspan="5">
                        <el-radio-group v-model="formList.appearance" v-for="item in EnumAppearanceList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                        <!--                判断其他  需要修改部分-->
                        <el-input v-if="formList.appearance==7"
                                  v-model="formList.appearanceOther" placeholder="请输入其他"></el-input>
                      </td>
                    </tr>
                    <tr>
                      <td class="td_10">起点信息</td>

                      <td style="width: 12%" colspan="2">
                        <el-select :disabled="isLook" v-model="formList.startCoverId" style="width: 100%;" clearable
                                   filterable
                                   placeholder="请选择检查井" @change="changeStart()">
                          <el-option
                            v-for="item in manholeQuerySelectList"
                            :key="item.name"
                            :label="item.name"
                            :value="item.id">
                          </el-option>
                        </el-select>
                      </td>

                      <td class="td_15" colspan="1">
                        <el-input v-model="formList.startLatitude" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">纬度</template>
                        </el-input>
                      </td>
                      <td class="td_15" colspan="1">
                        <el-input v-model="formList.startLongitude" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">经度</template>
                        </el-input>
                      </td>
                      <td class="td_15" colspan="1">
                        <el-input v-model="formList.startHeight" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">高程</template>
                        </el-input>
                      </td>

                    </tr>
                    <tr>
                      <td class="td_10">止点信息</td>
                      <td style="width: 12%" colspan="2">
                        <el-select :disabled="isLook" v-model="formList.endCoverId" style="width: 100%;" clearable
                                   filterable
                                   placeholder="请选择检查井" @change="changeEnd()">
                          <el-option
                            v-for="item in manholeQuerySelectList"
                            :key="item.name"
                            :label="item.name"
                            :value="item.id">
                          </el-option>
                        </el-select>
                      </td>

                      <td class="td_15">
                        <el-input v-model="formList.endLatitude" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">纬度</template>
                        </el-input>
                      </td>
                      <td class="td_15">
                        <el-input v-model="formList.endLongitude" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">经度</template>
                        </el-input>
                      </td>
                      <td class="td_15">
                        <el-input v-model="formList.endHeight" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">高程</template>
                        </el-input>
                      </td>

                    </tr>
                    <tr>
                      <td class="td_vertical" style="width: 50px" rowspan="7">设计资料</td>
                      <td class="td_15"> 设计报出时间</td>
                      <td style="width: 20%">
                        <el-date-picker style="width: 200px"
                                        v-model="formList.designTime"
                                        type="date"
                                        placeholder="选择设计报出时间">
                        </el-date-picker>
                      </td>
                      <td colspan="2" style="width: 20%">
                        <el-input v-model="formList.endLand" clearable placeholder="" type="number">
                          <template slot="prepend">管(沟块)内底</template>
                        </el-input>
                      </td>
                      <td style="width: 20%" colspan="2">
                        <el-input v-model="formList.startLand" clearable placeholder="" type="number">
                          <template slot="prepend">管(沟块)顶</template>
                        </el-input>
                      </td>
                    </tr>

                    <tr>
                      <td class="td_15 td_vertical">管材</td>
                      <td class="td_85" colspan="5">
                        <el-radio-group v-model="formList.pipeUseType" v-for="item in EnumPipeUseTypeList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                        <el-input v-if="formList.pipeUseType==9" v-model="formList.pipeTypeOther" placeholder="输入其他">

                        </el-input>

                      </td>
                    </tr>
                    <tr>
                      <td class="td_15 td_vertical">管道接口形式</td>
                      <td class="td_85" colspan="5">
                        <el-radio-group v-model="formList.pipeJoinType" v-for="item in EnumPipeJoinTypeList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>


                      </td>
                    </tr>
                    <tr>
                      <td class="td_15 td_vertical">地基情况</td>
                      <td class="td_85" colspan="5">
                        <el-radio-group v-model="formList.groundInfo" v-for="item in EnumGroundInfoList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>


                      </td>
                    </tr>
                    <tr>
                      <td class="td_15 td_vertical">输送介质</td>
                      <td class="td_85" colspan="5">
                        <el-radio-group v-model="formList.transferMedia" v-for="item in EnumTransferMediaList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>


                      </td>
                    </tr>
                    <tr>
                      <td class="td_vertical">是否处于浅部砂层中</td>
                      <td>
                        <el-radio-group v-model="formList.hasSand" v-for="item in EnumSysBooleanList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                      </td>
                      <td class="td_vertical">是否处于地震断裂带</td>
                      <td>
                        <el-radio-group v-model="formList.hasEarthQuake" v-for="item in EnumSysBooleanList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                      </td>
                      <td class="td_vertical">是否存在不良地质</td>
                      <td>
                        <el-radio-group v-model="formList.hasBuLiangDiZhi" v-for="item in EnumSysBooleanList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                      </td>
                    </tr>

                    <tr>
                      <td class=" td_vertical">
                        管道长度（m）
                      </td>
                      <td>
                        <el-input v-model="formList.length" clearable type="number">
                          <template slot="append">m</template>
                        </el-input>
                      </td>

                      <td class=" td_vertical">
                        官网压力
                      </td>
                      <td>
                        <el-input v-model="formList.pressure" clearable>
                        </el-input>
                      </td>

                      <td class=" td_vertical">
                        流量
                      </td>
                      <td>
                        <el-input v-model="formList.flow" clearable>
                        </el-input>
                      </td>
                    </tr>

                    <tr>
                      <td class="td_15 td_vertical">管径(DN)/断面尺寸(长*宽）（mm)</td>
                      <td class="td_15 td_vertical">
                        <el-input v-model="formList.caliber" clearable placeholder="" type="number">
                          <template slot="prepend">DN</template>
                        </el-input>
                      </td>
                      <td class="td_15 td_vertical" colspan="2">
                        <el-input v-model="formList.pipeHeight" clearable placeholder="" type="number">
                          <template slot="prepend">长度</template>
                          <template slot="append">mm</template>
                        </el-input>
                      </td>
                      <td class="td_15 td_vertical " colspan="2">
                        <el-input v-model="formList.pipeWidth" clearable placeholder="" type="number">
                          <template slot="prepend">宽度</template>
                          <template slot="append">mm</template>
                        </el-input>
                      </td>

                    </tr>


                    <tr>
                      <td class="td_15 td_vertical">设计温度</td>
                      <td class="td_vertical" colspan="2">
                        <el-input v-model="formList.temp" clearable>
                        </el-input>
                      </td>
                      <td class=" td_vertical">保温材料</td>
                      <td class="td_vertical" colspan="3">
                        <el-input v-model="formList.insulationMaterial" clearable>
                        </el-input>
                      </td>
                    </tr>
                    <tr>

                    </tr>


                  </table>
                  <!--                  &lt;!&ndash;  拐点信息&ndash;&gt;-->
                  <!--                  <table style="margin-top: -40px">-->
                  <!--                    <tr class="td_vertical" style="border-top: 0px">-->
                  <!--                      <td :rowspan="formList.changePointList.length+1" class="td_vertical"-->
                  <!--                          style="border-top: 0px;width:117px">-->
                  <!--                        拐点信息-->
                  <!--                      </td>-->

                  <!--                      <td style="border-top: 0px;width:94px">名称</td>-->
                  <!--                      <td style="border-top: 0px;width: 20%">-->
                  <!--                        高程-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px">-->
                  <!--                        X坐标-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px">-->
                  <!--                        Y坐标-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px;width:20%">说明</td>-->
                  <!--                      <td style="border-top: 0px;width: 5%" class="operationAdd">-->
                  <!--                        <el-button icon="el-icon-plus" @click="addchangePoint()" class="common_btn-small">添加</el-button>-->
                  <!--                      </td>-->
                  <!--                    </tr>-->
                  <!--                    <tr v-for="(item,index) in formList.changePointList" :key="item.index">-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model="item.name" clearable placeholder="请输入拐点名">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td>-->
                  <!--                        <el-input v-model.number="item.height" clearable placeholder="请输入高程" type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td>-->
                  <!--                        <el-input v-model.number="item.xLocation" clearable placeholder="请输入X坐标"-->
                  <!--                                  type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td>-->
                  <!--                        <el-input v-model.number="item.yLocation" clearable placeholder="请输入Y坐标"-->
                  <!--                                  type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td>-->
                  <!--                        <el-input v-model="item.explanation" clearable placeholder="请输入说明">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->

                  <!--                      <td class="td_vertical">-->
                  <!--                        <button class="btn_delete" @click="delectChangePoint(index)">删除</button>-->
                  <!--                      </td>-->
                  <!--                    </tr>-->
                  <!--                  </table>-->
                  <!--                  &lt;!&ndash;  附属井&ndash;&gt;-->
                  <!--                  <table>-->
                  <!--                    <tr class="td_vertical" style="border-top: 0px">-->
                  <!--                      <td :rowspan="formList.wellList.length+1" class="td_vertical"-->
                  <!--                          style="border-top: 0px;width:10.85%">-->
                  <!--                        附属井信息-->
                  <!--                      </td>-->

                  <!--                      <td style="border-top: 0px;width: 8.7%">名称</td>-->
                  <!--                      <td style="border-top: 0px;width: 8%">-->
                  <!--                        高程-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px;;width: 8%">-->
                  <!--                        X坐标-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px;;width: 8%">-->
                  <!--                        Y坐标-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px;width:15%">说明</td>-->
                  <!--                      <td style="border-top: 0px;width:15%">结构/尺寸</td>-->
                  <!--                      <td style="border-top: 0px;width:30%">附属设施结构形式</td>-->
                  <!--                      <td style="border-top: 0px;width: 5%" class="operationAdd">-->
                  <!--                        <el-button icon="el-icon-plus" @click="addwellList()" class="common_btn-small">添加</el-button>-->
                  <!--                      </td>-->
                  <!--                    </tr>-->
                  <!--                    <tr v-for="(item,index) in formList.wellList" :key="item.index">-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        附属井{{index+1}}-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model.number="item.height" clearable placeholder="高程" type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model.number="item.xLocation" clearable placeholder="X坐标"-->
                  <!--                                  type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model.number="item.yLocation" clearable placeholder="Y坐标"-->
                  <!--                                  type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input type="textarea" :rows="2" v-model="item.explanation" clearable placeholder="请输入说明">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input type="textarea" :rows="2" v-model="item.tructure" clearable placeholder="请输入结构尺寸">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-radio-group v-model="item.wellType" v-for="items in EnumWellTypeList"-->
                  <!--                                        :key="items.code">-->
                  <!--                          <el-radio :label="items.code">{{items.name}}</el-radio>-->
                  <!--                        </el-radio-group>-->

                  <!--                        <el-input style="width:75%" v-if="item.wellType==3" v-model="item.wellTypeOther" clearable-->
                  <!--                                  placeholder="请输入其他形式">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <button class="delectwellList" @click="delectwellList(index)">删除</button>-->
                  <!--                      </td>-->
                  <!--                    </tr>-->
                  <!--                  </table>-->
                </div>
                <!--燃气-->
                <div v-if="pipeTypes==6">
                  <table>
                    <tr>
                      <td class="td_vertical" style="width: 50px !important;" rowspan="4">现场普查</td>
                      <td class="td_15">敷设方式</td>
                      <td class="td_80" colspan="2">
                        <el-radio-group v-model="formList.installationType" v-for="item in EnumInstallationTypeList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                      </td>
                      <td class="td_15">埋深(m)</td>
                      <td class="td_80" colspan="2">
                        <el-input
                          v-model="formList.depth" placeholder="请输入埋深"></el-input>
                      </td>
                    </tr>
                    <!--            需要修改判断-->
                    <tr>
                      <td class="td_15 td_vertical">明装管道外观检查</td>
                      <td class="td_85" colspan="5">
                        <el-radio-group v-model="formList.appearance" v-for="item in EnumAppearanceList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                        <!--                判断其他  需要修改部分-->
                        <el-input v-if="formList.appearance==7"
                                  v-model="formList.appearanceOther" placeholder="请输入其他"></el-input>
                      </td>
                    </tr>
                    <tr>
                      <td class="td_10">起点信息</td>

                      <td style="width: 12%" colspan="2">
                        <el-select :disabled="isLook" v-model="formList.startCoverId" style="width: 100%;" clearable
                                   filterable
                                   placeholder="请选择检查井" @change="changeStart()">
                          <el-option
                            v-for="item in manholeQuerySelectList"
                            :key="item.name"
                            :label="item.name"
                            :value="item.id">
                          </el-option>
                        </el-select>
                      </td>

                      <td class="td_15" colspan="1">
                        <el-input v-model="formList.startLatitude" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">纬度</template>
                        </el-input>
                      </td>
                      <td class="td_15" colspan="1">
                        <el-input v-model="formList.startLongitude" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">经度</template>
                        </el-input>
                      </td>
                      <td class="td_15" colspan="1">
                        <el-input v-model="formList.startHeight" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">高程</template>
                        </el-input>
                      </td>

                    </tr>
                    <tr>
                      <td class="td_10">止点信息</td>
                      <td style="width: 12%" colspan="2">
                        <el-select :disabled="isLook" v-model="formList.endCoverId" style="width: 100%;" clearable
                                   filterable
                                   placeholder="请选择检查井" @change="changeEnd()">
                          <el-option
                            v-for="item in manholeQuerySelectList"
                            :key="item.name"
                            :label="item.name"
                            :value="item.id">
                          </el-option>
                        </el-select>
                      </td>

                      <td class="td_15">
                        <el-input v-model="formList.endLatitude" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">纬度</template>
                        </el-input>
                      </td>
                      <td class="td_15">
                        <el-input v-model="formList.endLongitude" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">经度</template>
                        </el-input>
                      </td>
                      <td class="td_15">
                        <el-input v-model="formList.endHeight" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">高程</template>
                        </el-input>
                      </td>

                    </tr>
                    <tr>
                      <td class="td_vertical" style="width: 50px" rowspan="7">设计资料</td>
                      <td class="td_15"> 设计报出时间</td>
                      <td style="width: 20%">
                        <el-date-picker style="width: 200px"
                                        v-model="formList.designTime"
                                        type="date"
                                        placeholder="选择设计报出时间">
                        </el-date-picker>
                      </td>
                      <td colspan="2" style="width: 20%">
                        <el-input v-model="formList.endLand" clearable placeholder="" type="number">
                          <template slot="prepend">管(沟块)内底</template>
                        </el-input>
                      </td>
                      <td style="width: 20%" colspan="2">
                        <el-input v-model="formList.startLand" clearable placeholder="" type="number">
                          <template slot="prepend">管(沟块)顶</template>
                        </el-input>
                      </td>
                    </tr>
                    <tr>
                      <td class="td_15 td_vertical">管材</td>
                      <td class="td_85" colspan="5">
                        <el-radio-group v-model="formList.pipeUseType" v-for="item in EnumPipeUseTypeList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                        <el-input v-if="formList.pipeUseType==9" v-model="formList.pipeTypeOther" placeholder="输入其他">

                        </el-input>

                      </td>
                    </tr>
                    <tr>
                      <td class="td_15 td_vertical">输送介质</td>
                      <td class="td_85" colspan="5">
                        <el-radio-group v-model="formList.transferMedia" v-for="item in EnumTransferMediaList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>


                      </td>
                    </tr>
                    <tr>
                      <td class="td_15 td_vertical">管道接口形式</td>
                      <td class="td_85" colspan="5">
                        <el-radio-group v-model="formList.pipeJoinType" v-for="item in EnumPipeJoinTypeList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>


                      </td>
                    </tr>
                    <tr>
                      <td class="td_15 td_vertical">地基情况</td>
                      <td class="td_85" colspan="5">
                        <el-radio-group v-model="formList.groundInfo" v-for="item in EnumGroundInfoList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>


                      </td>
                    </tr>
                    <tr>
                      <td class="td_vertical">是否处于浅部砂层中</td>
                      <td>
                        <el-radio-group v-model="formList.hasSand" v-for="item in EnumSysBooleanList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                      </td>
                      <td class="td_vertical">是否处于地震断裂带</td>
                      <td>
                        <el-radio-group v-model="formList.hasEarthQuake" v-for="item in EnumSysBooleanList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                      </td>
                      <td class="td_vertical">是否存在不良地质</td>
                      <td>
                        <el-radio-group v-model="formList.hasBuLiangDiZhi" v-for="item in EnumSysBooleanList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                      </td>
                    </tr>
                    <tr>
                      <td class=" td_vertical">
                        管道长度（m）
                      </td>
                      <td colspan="2">
                        <el-input v-model="formList.length" clearable type="number">
                          <template slot="append">m</template>
                        </el-input>
                      </td>

                      <td class=" td_vertical">
                        官网压力
                      </td>
                      <td colspan="2">
                        <el-input v-model="formList.pressure" clearable>
                        </el-input>
                      </td>
                    </tr>

                    <tr>
                      <td class="td_15 td_vertical">管径(DN)/断面尺寸(长*宽）（mm)</td>
                      <td class="td_15 td_vertical" colspan="2">
                        <el-input v-model="formList.caliber" clearable placeholder="" type="number">
                          <template slot="prepend">DN</template>
                        </el-input>
                      </td>
                      <td class="td_15 td_vertical" colspan="2">
                        <el-input v-model="formList.pipeHeight" clearable placeholder="" type="number">
                          <template slot="prepend">长度</template>
                          <template slot="append">mm</template>
                        </el-input>
                      </td>
                      <td class="td_15 td_vertical " colspan="2">
                        <el-input v-model="formList.pipeWidth" clearable placeholder="" type="number">
                          <template slot="prepend">宽度</template>
                          <template slot="append">mm</template>
                        </el-input>
                      </td>

                    </tr>

                  </table>
                  <!--  拐点信息-->
                  <!--                  <table>-->
                  <!--                    <tr class="td_vertical" style="border-top: 0px">-->
                  <!--                      <td :rowspan="formList.changePointList.length+1" class="td_vertical"-->
                  <!--                          style="border-top: 0px;width:118px ">-->
                  <!--                        拐点信息-->
                  <!--                      </td>-->

                  <!--                      <td style="border-top: 0px;width:95px">名称</td>-->
                  <!--                      <td style="border-top: 0px;width: 20%">-->
                  <!--                        高程-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px">-->
                  <!--                        x坐标-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px">-->
                  <!--                        y坐标-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px;width:20%">说明</td>-->
                  <!--                      <td style="border-top: 0px;width: 5%" class="operationAdd">-->
                  <!--                        <el-button icon="el-icon-plus" @click="addchangePoint()" class="common_btn-small">添加</el-button>-->
                  <!--                      </td>-->
                  <!--                    </tr>-->
                  <!--                    <tr v-for="(item,index) in formList.changePointList" :key="item.index">-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model="item.name" clearable placeholder="请输入拐点名">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td>-->
                  <!--                        <el-input v-model.number="item.height" clearable placeholder="请输入高程" type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td>-->
                  <!--                        <el-input v-model.number="item.xLocation" clearable placeholder="请输入X坐标"-->
                  <!--                                  type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td>-->
                  <!--                        <el-input v-model.number="item.yLocation" clearable placeholder="请输入Y坐标"-->
                  <!--                                  type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model="item.explanation" clearable placeholder="请输入说明">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->

                  <!--                      <td class="td_vertical">-->
                  <!--                        <button class="btn_delete" @click="delectChangePoint(index)">删除</button>-->
                  <!--                      </td>-->
                  <!--                    </tr>-->
                  <!--                  </table>-->
                  <!--                  &lt;!&ndash;  附属井&ndash;&gt;-->
                  <!--                  <table>-->
                  <!--                    <tr class="td_vertical" style="border-top: 0px">-->
                  <!--                      <td :rowspan="formList.wellList.length+1" class="td_vertical"-->
                  <!--                          style="border-top: 0px;width:10.85%">-->
                  <!--                        附属井信息-->
                  <!--                      </td>-->

                  <!--                      <td style="border-top: 0px;width: 8.7%">名称</td>-->
                  <!--                      <td style="border-top: 0px;width: 8%">-->
                  <!--                        高程-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px;;width: 8%">-->
                  <!--                        X坐标-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px;;width: 8%">-->
                  <!--                        Y坐标-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px;width:15%">说明</td>-->
                  <!--                      <td style="border-top: 0px;width:15%">结构/尺寸</td>-->
                  <!--                      <td style="border-top: 0px;width:30%">附属设施结构形式</td>-->
                  <!--                      <td style="border-top: 0px;width: 5%" class="operationAdd">-->
                  <!--                        <el-button icon="el-icon-plus" @click="addwellList()" class="common_btn-small">添加</el-button>-->
                  <!--                      </td>-->
                  <!--                    </tr>-->
                  <!--                    <tr v-for="(item,index) in formList.wellList" :key="item.index">-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        附属井{{index+1}}-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model.number="item.height" clearable placeholder="高程" type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model.number="item.xLocation" clearable placeholder="X坐标"-->
                  <!--                                  type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model.number="item.yLocation" clearable placeholder="Y坐标"-->
                  <!--                                  type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input type="textarea" :rows="2" v-model="item.explanation" clearable placeholder="请输入说明">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input type="textarea" :rows="2" v-model="item.tructure" clearable placeholder="请输入结构尺寸">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-radio-group v-model="item.wellType" v-for="items in EnumWellTypeList"-->
                  <!--                                        :key="items.code">-->
                  <!--                          <el-radio :label="items.code">{{items.name}}</el-radio>-->
                  <!--                        </el-radio-group>-->

                  <!--                        <el-input style="width:75%" v-if="item.wellType==3" v-model="item.wellTypeOther" clearable-->
                  <!--                                  placeholder="请输入其他形式">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <button class="btn_delete" @click="delectwellList(index)">删除</button>-->
                  <!--                      </td>-->
                  <!--                    </tr>-->
                  <!--                  </table>-->
                </div>
                <!-- 电力和通讯-->
                <div v-if="pipeTypes==7||pipeTypes==8">
                  <table>
                    <tr>
                      <td class="td_vertical" style="width: 50px !important;" rowspan="4">现场普查</td>
                      <td class="td_15">敷设方式</td>
                      <td class="td_80" colspan="2">
                        <el-radio-group v-model="formList.installationType" v-for="item in EnumInstallationTypeList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                      </td>
                      <td class="td_15">埋深(m)</td>
                      <td class="td_80" colspan="2">
                        <el-input
                          v-model="formList.depth" placeholder="请输入埋深"></el-input>
                      </td>
                    </tr>
                    <tr>
                      <td class="td_15 td_vertical">地面高程</td>
                      <td class="td_85" colspan="5">
                        <el-input
                          v-model="formList.groundHeight" placeholder="请输入地面高程"></el-input>
                      </td>
                    </tr>
                    <tr>
                      <td class="td_10">起点信息</td>

                      <td style="width: 10%" colspan="1">
                        <el-select :disabled="isLook" v-model="formList.startCoverId" style="width: 100%;" clearable
                                   filterable
                                   placeholder="请选择检查井" @change="changeStart()">
                          <el-option
                            v-for="item in manholeQuerySelectList"
                            :key="item.name"
                            :label="item.name"
                            :value="item.id">
                          </el-option>
                        </el-select>
                      </td>

                      <td class="td_15" colspan="1">
                        <el-input v-model="formList.startLatitude" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">纬度</template>
                        </el-input>
                      </td>
                      <td class="td_15" colspan="1">
                        <el-input v-model="formList.startLongitude" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">经度</template>
                        </el-input>
                      </td>
                      <td colspan="2">
                        <el-input v-model="formList.startHeight" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">高程</template>
                        </el-input>
                      </td>

                    </tr>
                    <tr>
                      <td class="td_10">止点信息</td>
                      <td style="width: 10%" colspan="1">
                        <el-select :disabled="isLook" v-model="formList.endCoverId" style="width: 100%;" clearable
                                   filterable
                                   placeholder="请选择检查井" @change="changeEnd()">
                          <el-option
                            v-for="item in manholeQuerySelectList"
                            :key="item.name"
                            :label="item.name"
                            :value="item.id">
                          </el-option>
                        </el-select>
                      </td>

                      <td class="td_15">
                        <el-input v-model="formList.endLatitude" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">纬度</template>
                        </el-input>
                      </td>
                      <td class="td_15">
                        <el-input v-model="formList.endLongitude" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">经度</template>
                        </el-input>
                      </td>
                      <td colspan="2">
                        <el-input v-model="formList.endHeight" clearable placeholder="" type="number" disabled>
                          <template slot="prepend">高程</template>
                        </el-input>
                      </td>

                    </tr>
                    <tr>
                      <td class="td_vertical" style="width: 50px" rowspan="7">设计资料</td>
                      <td class="td_10"> 设计报出时间</td>
                      <td style="width: 20%">
                        <el-date-picker style="width: 200px"
                                        v-model="formList.designTime"
                                        type="date"
                                        placeholder="选择设计报出时间">
                        </el-date-picker>
                      </td>
                      <td colspan="2" style="width: 20%">
                        <el-input v-model="formList.endLand" clearable placeholder="" type="number">
                          <template slot="prepend">管(沟块)内底</template>
                        </el-input>
                      </td>
                      <td style="width: 20%" colspan="2">
                        <el-input v-model="formList.startLand" clearable placeholder="" type="number">
                          <template slot="prepend">管(沟块)顶</template>
                        </el-input>
                      </td>
                    </tr>
                    <tr>
                      <td class="td_15 td_vertical">电缆</td>
                      <td>
                        <el-input v-model="formList.electric1" clearable placeholder="" type="number">
                          <template slot="prepend">型号</template>
                        </el-input>
                      </td>
                      <td>
                        <el-input v-model="formList.electric2" clearable placeholder="" type="number">
                          <template slot="prepend">规格</template>
                        </el-input>
                      </td>
                      <td>
                        <el-input v-model="formList.electric3" clearable placeholder="" type="number">
                          <template slot="prepend">已用孔数</template>
                        </el-input>
                      </td>
                      <td class="td_15">
                        <el-input v-model="formList.electric4" clearable placeholder="" type="number">
                          <template slot="prepend">管孔排列</template>
                        </el-input>
                      </td>
                      <td class="td_15">
                        <el-input v-model="formList.electric5" clearable placeholder="" type="number">
                          <template slot="prepend">电压(kV)</template>
                        </el-input>
                      </td>
                    </tr>
                    <tr>
                      <td class="td_15 td_vertical">光缆</td>
                      <td class="td_85" colspan="5">
                        <el-input v-model="formList.light" placeholder="输入光缆型号、规格、数量">
                        </el-input>

                      </td>
                    </tr>
                    <tr>
                      <td class="td_15 td_vertical">包封型式</td>
                      <td class="td_85" colspan="5">
                        <el-input v-model="formList.baoFeng" placeholder="请输入包封型式">
                        </el-input>

                      </td>
                    </tr>
                    <tr>
                      <td class="td_15 td_vertical">管线状态</td>
                      <td class="td_85" colspan="5">
                        <el-radio-group v-model="formList.pipeStatus" v-for="item in EnumPipeStatusList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>


                      </td>
                    </tr>
                    <tr>
                      <td class="td_15 td_vertical">结构形式</td>
                      <td class="td_85" colspan="5">
                        <el-radio-group v-model="formList. jieGou" v-for="item in EnumJieGouList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>


                      </td>
                    </tr>

                    <tr>
                      <td class="td_15 td_vertical">地基情况</td>
                      <td class="td_85" colspan="5">
                        <el-radio-group v-model="formList.groundInfo" v-for="item in EnumGroundInfoList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>


                      </td>
                    </tr>
                    <tr>
                      <td class="td_vertical">是否处于浅部砂层中</td>
                      <td>
                        <el-radio-group v-model="formList.hasSand" v-for="item in EnumSysBooleanList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                      </td>
                      <td class="td_vertical">是否处于地震断裂带</td>
                      <td>
                        <el-radio-group v-model="formList.hasEarthQuake" v-for="item in EnumSysBooleanList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                      </td>
                      <td class="td_vertical">是否存在不良地质</td>
                      <td>
                        <el-radio-group v-model="formList.hasBuLiangDiZhi" v-for="item in EnumSysBooleanList"
                                        :key="item.code">
                          <el-radio :label="item.code">{{item.name}}</el-radio>
                        </el-radio-group>
                      </td>
                    </tr>
                    <tr>
                      <td class=" td_vertical">
                        管道长度（m）
                      </td>
                      <td colspan="2">
                        <el-input v-model="formList.length" clearable type="number">
                          <template slot="append">m</template>
                        </el-input>
                      </td>

                      <td class=" td_vertical">
                        官网压力
                      </td>
                      <td colspan="3">
                        <el-input v-model="formList.pressure" clearable>
                        </el-input>
                      </td>

                    </tr>

                    <tr>
                      <td class="td_15 td_vertical">管径(DN)/断面尺寸(长*宽）（mm)</td>
                      <td class="td_15 td_vertical" colspan="2">
                        <el-input v-model="formList.caliber" clearable placeholder="" type="number">
                          <template slot="prepend">DN</template>
                        </el-input>
                      </td>
                      <td class="td_15 td_vertical" colspan="2">
                        <el-input v-model="formList.pipeHeight" clearable placeholder="" type="number">
                          <template slot="prepend">长度</template>
                          <template slot="append">mm</template>
                        </el-input>
                      </td>
                      <td class="td_15 td_vertical " colspan="2">
                        <el-input v-model="formList.pipeWidth" clearable placeholder="" type="number">
                          <template slot="prepend">宽度</template>
                          <template slot="append">mm</template>
                        </el-input>
                      </td>

                    </tr>

                  </table>
                  <!--  拐点信息-->
                  <!--                  <table>-->
                  <!--                    <tr class="td_vertical" style="border-top: 0px">-->
                  <!--                      <td :rowspan="formList.changePointList.length+1" class="td_vertical"-->
                  <!--                          style="border-top: 0px;width:118px ">-->
                  <!--                        拐点信息-->
                  <!--                      </td>-->

                  <!--                      <td style="border-top: 0px;width:95px">名称</td>-->
                  <!--                      <td style="border-top: 0px;width: 20%">-->
                  <!--                        高程-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px">-->
                  <!--                        x坐标-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px">-->
                  <!--                        y坐标-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px;width:20%">说明</td>-->
                  <!--                      <td style="border-top: 0px;width: 5%" class="operationAdd">-->
                  <!--                        <el-button icon="el-icon-plus" @click="addchangePoint()" class="common_btn-small">添加</el-button>-->
                  <!--                      </td>-->
                  <!--                    </tr>-->
                  <!--                    <tr v-for="(item,index) in formList.changePointList" :key="item.index">-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model="item.name" clearable placeholder="请输入拐点名">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td>-->
                  <!--                        <el-input v-model.number="item.height" clearable placeholder="请输入高程" type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td>-->
                  <!--                        <el-input v-model.number="item.xLocation" clearable placeholder="请输入X坐标"-->
                  <!--                                  type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td>-->
                  <!--                        <el-input v-model.number="item.yLocation" clearable placeholder="请输入Y坐标"-->
                  <!--                                  type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model="item.explanation" clearable placeholder="请输入说明">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->

                  <!--                      <td class="td_vertical">-->
                  <!--                        <button class="btn_delete" @click="delectChangePoint(index)">删除</button>-->
                  <!--                      </td>-->
                  <!--                    </tr>-->
                  <!--                  </table>-->
                  <!--                  &lt;!&ndash;  附属井&ndash;&gt;-->
                  <!--                  <table>-->
                  <!--                    <tr class="td_vertical" style="border-top: 0px">-->
                  <!--                      <td :rowspan="formList.wellList.length+1" class="td_vertical"-->
                  <!--                          style="border-top: 0px;width:10.85%">-->
                  <!--                        附属井信息-->
                  <!--                      </td>-->

                  <!--                      <td style="border-top: 0px;width: 8.7%">名称</td>-->
                  <!--                      <td style="border-top: 0px;width: 8%">-->
                  <!--                        高程-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px;;width: 8%">-->
                  <!--                        X坐标-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px;;width: 8%">-->
                  <!--                        Y坐标-->
                  <!--                      </td>-->
                  <!--                      <td style="border-top: 0px;width:15%">说明</td>-->
                  <!--                      <td style="border-top: 0px;width:15%">结构/尺寸</td>-->
                  <!--                      <td style="border-top: 0px;width:30%">附属设施结构形式</td>-->
                  <!--                      <td style="border-top: 0px;width: 5%" class="operationAdd">-->
                  <!--                        <el-button icon="el-icon-plus" @click="addwellList()" class="common_btn-small">添加</el-button>-->
                  <!--                      </td>-->
                  <!--                    </tr>-->
                  <!--                    <tr v-for="(item,index) in formList.wellList" :key="item.index">-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        附属井{{index+1}}-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model.number="item.height" clearable placeholder="高程" type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model.number="item.xLocation" clearable placeholder="X坐标"-->
                  <!--                                  type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input v-model.number="item.yLocation" clearable placeholder="Y坐标"-->
                  <!--                                  type="number">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input type="textarea" :rows="2" v-model="item.explanation" clearable placeholder="请输入说明">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-input type="textarea" :rows="2" v-model="item.tructure" clearable placeholder="请输入结构尺寸">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <el-radio-group v-model="item.wellType" v-for="items in EnumWellTypeList"-->
                  <!--                                        :key="items.code">-->
                  <!--                          <el-radio :label="items.code">{{items.name}}</el-radio>-->
                  <!--                        </el-radio-group>-->

                  <!--                        <el-input style="width:75%" v-if="item.wellType==3" v-model="item.wellTypeOther" clearable-->
                  <!--                                  placeholder="请输入其他形式">-->
                  <!--                        </el-input>-->
                  <!--                      </td>-->
                  <!--                      <td class="td_vertical">-->
                  <!--                        <button class="btn_delete" @click="delectwellList(index)">删除</button>-->
                  <!--                      </td>-->
                  <!--                    </tr>-->
                  <!--                  </table>-->
                </div>
              </div>
              <div class="demo-drawer__footer" v-if="isEmpower" style="margin-top: 10px">
                <el-button class="common_btn" @click="isShowDialog = false;">取消</el-button>
                <el-button class="common_btn-defalut" type="primary" @click="validateAddForm('water')">确定</el-button>
              </div>
            </el-drawer>
            <!-- 导入分段 -->
            <el-dialog title="导入分段" :visible.sync="showImport" :close-on-click-modal="false" width="520px">
              <el-form ref="newUploadForm" label-width="80px"
                       label-position="right">
                <el-row>
                  <el-col :span="18">
                    <el-form-item label="上传文件" prop="fileName">
                      <el-input v-model="fileName" :readonly='true' placeholder="文件名" style="width:250px;"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col :span="4">
                    <el-upload class="upload-demo" ref="upload" action="doUpload" :limit="1" :file-list="fileList"
                               :before-upload="beforeUpload">
                      <el-button slot="trigger" type="primary" plain style="color:white;background:#1990FE">选择导入文件
                      </el-button>
                    </el-upload>
                  </el-col>
                </el-row>
                <el-row>
                  <el-button icon="el-icon-download" @click.stop="handleOutFile" size="mini" type="primary"
                             style="background:#1990FE ">导入模板下载
                  </el-button>
                </el-row>
                <div class="upload_res_view" v-if="importFenDuan.successCount || importFenDuan.errorCount">
                  <div style="padding: 20px">
                    文件导入完成！数据总数：{{importFenDuan.errorCount + importFenDuan.successCount}}<p style="color: #0bb20c">
                    导入成功：{{importFenDuan.successCount}}条;</p>
                    <p style="color: #ff4d51">导入失败:{{importFenDuan.errorCount}}条</p>
                  </div>
                  <a style="margin-left: 20px" v-if="importFenDuan.errorFileUrl"
                     :href="constUrl + importFenDuan.errorFileUrl">
                    <el-button icon="el-icon-download" style="background:#e91e63;color:#ffffff">失败文件下载</el-button>
                  </a>
                </div>
              </el-form>
              <!-- 操作按钮 -->
              <span slot="footer" class="dialog-footer">
        <el-button class="common_btn-white" @click="cancleSub()">取消</el-button>
        <el-button class="common_btn-defalut" type="primary" @click="validateFormFile">确定</el-button>
      </span>
            </el-dialog>
            <!-- 导入点位-->
            <el-dialog title="导入点位" :visible.sync="showImportWell" :close-on-click-modal="false" width="520px">
              <el-form ref="newUploadFormWell" label-width="80px"
                       label-position="right">
                <el-row>
                  <el-col :span="18">
                    <el-form-item label="上传文件" prop="fileName">
                      <el-input v-model="fileWellName" :readonly='true' placeholder="文件名"
                                style="width:250px;"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col :span="4">
                    <el-upload class="upload-demo" ref="uploadWell" action="doUpload" :limit="1"
                               :file-list="fileWellList"
                               :before-upload="beforeUploadWell">
                      <el-button slot="trigger" type="primary" plain style="color:white;background:#1990FE">选择导入文件
                      </el-button>
                    </el-upload>
                  </el-col>
                </el-row>
                <el-row>
                  <el-button icon="el-icon-download" @click.stop="handleOutFileWell" size="mini" type="primary"
                             style="background:#1990FE ">导入模板下载
                  </el-button>
                </el-row>
              </el-form>
              <!-- 操作按钮 -->
              <span slot="footer" class="dialog-footer">
        <el-button class="common_btn-white" @click="cancleSubWell()">取消</el-button>
        <el-button class="common_btn-defalut" type="primary" @click="validateFormFileWell">确定</el-button>
      </span>
            </el-dialog>
          </div>
        </div>
      </el-col>
    </el-row>
    <x-loading v-show="isLoading"></x-loading>
    <el-dialog title="地质灾害详情" :visible.sync="showDialog" :close-on-click-modal="false" width="800px">
      <el-table border height="79vh" :data="manholeList" stripe>
        <el-table-column label="序号" width="40">
          <template slot-scope="scope">
            {{ scope.$index+1 }}
          </template>
        </el-table-column>
        <el-table-column align="center" prop="name" label="点位编号" min-width="100"></el-table-column>
        <el-table-column prop="xLocation" min-width="150" label="x,y平面坐标">
          <template slot-scope="scope">
            {{scope.row.xLocation}},{{scope.row.yLocation}}
          </template>
        </el-table-column>
      </el-table>
    </el-dialog>
  </div>

</template>
<script>
  import ItemMixins from "@/views/Pipeline/item.mixins";
  import XLoading from '@/components/animation/x-loading.vue'
  import {
    manholeQueryList
  } from '@/services/model/pipeline'
  import EchartsNestingChange from "./echarts/nesting";
  import {
    importManholeData
  } from '@/services/model/pipeline'
  import {
    baseUnitSelectList,
    manholeQuerySelectList,
    pipeChartCount,
    pipeInfoAdd,
    pipeInfoQueryList,
    pipeInfoUpdate,
    importWaterInfoData,
    waterInfoAdd,
    waterInfoQueryList,
    waterInfoUpdate,
    waterInfoUpdateWeight, pipeInfoDelete, exportPipe
  } from '@/services/model/pipeline'
  import Format from '@/utils/format'
  import print from "print-js";
  import OrganizationTree from '@/components/organization-tree/all'
  import constUrl from '@/services/env'
  import Permission from '@/utils/permission'
  import Enums from '@/utils/enums'

  export default {
    mixins: [ItemMixins,Enums],
    components: {
      // Organization
      XLoading,
      EchartsNestingChange,
      OrganizationTree
    },
    data() {
      return {
        constUrl,
        fileList: [],
        newUploadForm: {
          fileName: '',
          pipeInfoId: '',
        },
        fileName: '',
        fileWellList: [],
        newUploadFormWell: {
          fileName: '',
          pipeInfoId: '',
        },
        fileWellName: '',
        manholeQuerySelectList: [],
        isLoading: true,
        chartsName: ['echartsOneChange', 'echartsTwoChange', 'echartsThreeChange'],
        isLook: false, //查看状态
        pipeTypes: 0, //判断水管线类型
        isDisabled: false,//是否可选
        stepActive: 1,
        formList: {
          appearance: [],
          changePointList: [
            {
              explanation: "",
              height: 0,
              latitude: 0,
              longitude: 0
            }
          ],
          wellList: [
            {
              explanation: "",
              height: 0,
              latitude: 0,
              longitude: 0,
              tructure: "",
              wellType: 0,
              wellTypeOther: ""
            }
          ]
        },
        deptTree: {
          breadList: [],//面包屑
          deptTreeId: '',
        },
        EnumJieGouList: [],
        EnumTongXinList: [],
        EnumPipeStatusList: [],
        EnumTransferMediaList: [],//
        subsectionSortList: [],
        baseUnitSelectList: [],//基础信息列表
        EnumGroundInfoList: [],//地基情况
        EnumEarthQuakeList: [],
        EnumWellTypeList: [],
        EnumPipeJoinTypeList: [],
        EnumPipeJoinType: [],//接口形式
        EnumAppearanceList: [],//外观
        EnumPipeUseTypeList: [],//管材
        EnumInstallationTypeList: [//  敷设方式
          {
            code: 1,
            name: '直埋管道'
          },
          {
            code: 2,
            name: '明装'
          },

        ],
        manholeList: [],//检查井列表
        showDialog: false,
        subsectionName: '',//分段表头名
        EnumPipeTypeList: [],//水管类型
        EnumEarthQuakeTypeList: [],//类别
        EnumMobileLoadList: [],//地面活载设计标准
        EnumSecurityLevelList: [],//安全等级
        EnumConstructionTypeList: [],//施工方式
        EnumGroundSillList: [],//基础形式
        EnumSysBooleanList: [],//是否腐蚀性
        activeName: '2',
        isEmpower: true,
        loading: false,
        form: {
          page: 1,
          pageSize: 10,
          total: 0,
        },
        pipeTypeName: '',
        pipeType: 0,
        tableList: [],
        isShowDialog: false,
        showImport: false,
        showImportWell: false,
        isShowDrawer: false, // 是否显示弹窗
        currentRow: {
          pipeType: 1

        },
        importFenDuan: {//导入对象
          errorFileUrl: '',//导入失败返回的文件地址
          successCount: '',//导入成功数量
          errorCount: '',//导入失败数量
        },
      }
    },
    computed: {

      // 弹窗的title
      dialogTitle() {
        return this.currentRow.id ? '编辑通用信息' : '新增通用信息'
      },
      waterTitle() {
        return this.formList.id ? '编辑分段' : '新增分段'
      }
    },
    filters: {
      // 时间格式化
      formatTimer(timer) {
        return Format(new Date(timer), 'yyyy年MM月dd日')
      },
      //管道类型颜色
    },
    methods: {
      //导出分段
      async handleExpotrPipe(row) {
        await exportPipe(row.id)
      },

      // 判断是否有删除权限
      hasPermission(permissionStr) {
        return Permission(this.$store.state.userInfo, permissionStr)
      },
      //删除
      async handleDelete(id) {
        let res = await pipeInfoDelete({id: id})
        if (res.code === 200) {
          this.$notify({
            type: 'success',
            title: '提示',
            message: '删除成功'
          })
        }
        this.queryList()
      },
      beforeUpload(file) { // 上传前 文件校验

        this.files = file
        this.fileName = file.name
        return false // 返回false不会自动上传
      },
      beforeUploadWell(file) {
        this.filesWell = file
        this.fileWellName = file.name
        return false // 返回false不会自动上传
      },
      // 确认导入文件
      validateFormFile() {
        if (this.fileName === '') {
          this.$message({
            message: '请选择要上传的文件！',
            type: 'warning',
            showClose: true
          })
          return false
        }
        this.isLoading = true
        let fileFormData = new FormData()
        fileFormData.append('uploadFile', this.files, this.fileName) // 上传的文件
        importWaterInfoData(this.newUploadForm.pipeInfoId, fileFormData).then(res => { // 上传请求
          if (res.code === 200) {
            this.importFenDuan.errorFileUrl = res.data.errorFileUrl || ''
            this.importFenDuan.successCount = res.data.successCount || 0
            this.importFenDuan.errorCount = res.data.errorCount || 0
            this.$notify({
              type: 'success',
              title: '提示',
              message: this.importFenDuan.errorFileUrl ? '部分导入成功，请点击下载文件查看失败的内容！' : '全部导入成功'
            })
            this.fileName = ''
          }
        })
        this.isLoading = false
      },
      cancleSub() { // 取消上传
        this.showImport = false
        this.fileName = ''
        this.newUploadForm = {}
      },
      handleOutFile() { // 文件导出
        let pipiType = this.newUploadForm.pipeType
        let href
        if (pipiType === 1) {
          href = this.$router.resolve({path: '/statics/给水管线分段导入模板.xls'}).href
        } else if (pipiType === 3 || pipiType === 4) {
          href = this.$router.resolve({path: '/statics/雨污水管线分段导入模板.xls'}).href
        } else if (pipiType === 2 || pipiType === 5) {
          href = this.$router.resolve({path: '/statics/管线分段导入模板.xls'}).href
        } else if (pipiType === 6) {
          href = this.$router.resolve({path: '/statics/燃气管线分段导入模板.xls'}).href
        } else if (pipiType === 7 || pipiType === 8) {
          href = this.$router.resolve({path: '/statics/电力管线分段导入模板.xls'}).href
        }
        window.open(href)
      },
      //导入分段
      handleImport(row) {
        this.newUploadForm = {}
        this.newUploadForm.pipeInfoId = row.id
        this.showImport = true
        this.newUploadForm.pipeType = row.pipeType
        this.$nextTick(() => {
          this.$refs.newUploadForm.clearValidate()
        })
      },
      async handleManholeCover(id) {
        this.showDialog = true
        let res = await manholeQueryList({pipeInfoId: id, page: 1, pageSize: 999})
        this.manholeList = res.data ? res.data.records : []
      },
      //导入点位
      handleImportWell(row) {
        this.$nextTick(() => {
          this.newUploadFormWell = {}
          this.newUploadFormWell.pipeInfoId = row.id
          this.showImportWell = true
          this.$refs.uploadWell.clearValidate()
          this.$refs.newUploadFormWell.clearValidate()

        })
      },
      handleOutFileWell() { // 文件导出
        const {href} = this.$router.resolve({path: '/statics/点位批量导入模板.xls'})
        window.open(href)
      },
      // 导入点位取消上传
      cancleSubWell() { // 取消上传
        this.showImportWell = false
        this.fileWellName = ''
        this.newUploadFormWell = {}
      },
      validateFormFileWell() {
        if (this.fileWellName === '') {
          this.$message({
            message: '请选择要上传的文件！',
            type: 'warning',
            showClose: true
          })
          return false
        }
        this.isLoading = true
        let fileFormData = new FormData()
        fileFormData.append('uploadFile', this.filesWell, this.fileWellName) // 上传的文件
        importManholeData(this.newUploadFormWell.pipeInfoId, fileFormData).then(res => { // 上传请求
          if (res.code === 200) {
            this.fileName = ''
            this.showImportWell = false
            this.$notify({
              type: 'success',
              title: '提示',
              message: '导入成功'
            })
            this.queryList()
          }
        })
        this.isLoading = false
      },

      //改变起点信息
      changeStart() {
        let data = this.manholeQuerySelectList.filter(x => {
          return x.id == this.formList.startCoverId
        })
        this.formList.startHeight = data[0].bottomHeight
        this.formList.startLatitude = data[0].latitude
        this.formList.startName = data[0].name
        this.formList.startLongitude = data[0].longitude
      }
      ,
      //改变终点信息
      changeEnd() {
        let data = this.manholeQuerySelectList.filter(x => {
          return x.id == this.formList.endCoverId
        })
        this.formList.endHeight = data[0].bottomHeight
        this.formList.endLatitude = data[0].latitude
        this.formList.endName = data[0].name
        this.formList.endLongitude = data[0].longitude
      }
      ,
      //拐点删除
      delectChangePoint(index) {
        this.formList.changePointList.splice(index, 1)

      }
      ,
      //拐点添加事件
      addchangePoint() {
        this.formList.changePointList.push({
          explanation: "",
          height: 0,
          latitude: 0,
          longitude: 0
        })

      }
      ,
      //附属井删除
      delectwellList(index) {
        this.formList.wellList.splice(index, 1)

      }
      ,
      //附属井事件
      addwellList() {
        this.formList.wellList.push({
          explanation: "",
          height: 0,
          latitude: 0,
          longitude: 0,
          tructure: "",
          wellType: 0,
          wellTypeOther: ""
        })
      }
      ,
      // 选择管线类型
      changePipeType(item) {
        this.pipeType = item.code;
        this.pipeTypeName = item.name;
        this.currentRow.pipeType = item.code
      }
      ,
      //验证添加表单
      validateAddForm(name) {
        if (name === 'water') {
          if (this.formList.id !== undefined) {
            this.waterInfoUpdate()
          } else {
            this.waterInfoAdd()
          }
        } else {
          if (this.currentRow.id !== undefined) {
            this.pipeInfoUpdate()
          } else {
            this.pipeInfoAdd()
          }
        }


      }
      ,
      async manholeSelect(pipeInfoId) {
        let {data} = await manholeQuerySelectList({pipeInfoId})
        this.manholeQuerySelectList = data

      }
      ,
      //拖拽时判定目标节点能否被放置。type 参数有三种情况：'prev'、'inner' 和 'next'，分别表示放置在目标节点前、插入至目标节点和放置在目标节点后
      allowDrop(draggingNode, dropNode, type) {
        //限制拖入节点内
        return type !== 'inner'
      }
      ,
      //排序确定事件
      async sortSubmit() {
        let name = []
        let i = this.subsectionSortList.length
        //更新排序值
        this.subsectionSortList.map(x => {
          x.num = i
          name.push(x)
          i--
        })
        let res = await waterInfoUpdateWeight(name)
        if (res.code === 200) {
          this.$notify({
            type: 'success',
            title: '提示',
            message: '排序调整成功！'
          })
          this.isShowDialog = false
          this.queryList(this.parentId)

        }
      }
      ,
      //下一步
      nextStep() {
        if (this.pipeTypeName !== '') {
          this.stepActive++
        } else {
          this.$notify({
            title: '警告',
            message: '请先选择管线类型',
            type: 'warning'
          });

          return
        }
      }
      ,
      //水管编辑
      async waterInfoUpdate() {
        let res = await waterInfoUpdate(this.formList)
        if (res.code === 200) {
          this.$notify({
            type: 'success',
            title: '提示',
            message: '更新成功'
          })
          this.queryList()
          this.isShowDialog = false

        }
      }
      ,
      //饼状图数据
      async getStaticsRoad() {

        let res = await pipeChartCount(this.form);

        let data = res.data
        this.$refs['echartsOneChange'].updateEchart('管线类型占比', data.pipeTypeMain, data.pipeTypeCount, '管线总数', '管线类型')
        this.$refs['echartsTwoChange'].updateEchart('管线类型长度占比', data.pipeLengthMain, data.pipeLengthCount, '管线总长度', '管线类型')
      }
      ,
      //水管新增
      async waterInfoAdd() {
        let res = await waterInfoAdd(this.formList)
        if (res.code === 200) {
          this.$notify({
            type: 'success',
            title: '提示',
            message: '添加成功'
          })
          this.queryList()
          this.isShowDialog = false

        }
      }
      ,
      //面包屑跳转
      breadClick(deptTreeId) {
        this.$refs.deptTree.changeBread(deptTreeId)
      }
      ,
      //组织机构组件回调
      selectOrgHandel() {
        this.$forceUpdate()
        this.form.deptTreeId = this.deptTree.deptTreeId
        this.form.page = 1
        this.queryList()
        this.getStaticsRoad()
      }
      ,
      //更新通用信息
      async pipeInfoUpdate() {
        let res = await pipeInfoUpdate(this.currentRow)
        if (res.code === 200) {
          this.$notify({
            type: 'success',
            title: '提示',
            message: '更新成功'
          })
          this.queryList()
          this.isShowDrawer = false
        }
      }
      ,
      //新增通用信息
      async pipeInfoAdd() {
        let res = await pipeInfoAdd(this.currentRow)
        if (res.code === 200) {
          this.$notify({
            type: 'success',
            title: '提示',
            message: '添加成功'
          })
          this.queryList()
          this.isShowDrawer = false
        }
      }
      ,
      handleEdit(item) {
        this.stepActive = 2
        this.isDisabled = true
        this.currentRow = item
        this.isShowDrawer = true
        this.isLook = false
      }
      ,
      //查看
      handleSee(item) {
        this.stepActive = 2
        this.isDisabled = true
        this.currentRow = item
        this.isShowDrawer = true
        this.isLook = true
      }
      ,
      // 展开分段
      async queryWaterInfoList(row, list) {
        this.loading = true
        let item = list.find(x => x.id === row.id)
        // item不存在，则当前是关闭
        if (!item) return false
        const {data} = await waterInfoQueryList({pipeInfoId: row.id})
        row.children = data
        this.loading = false
      }
      ,
      //打印
      CreateOneFormPage() {
        this.text = ''
        print({
          printable: 'printJS-form1', //div id名 指定打印谁
          type: 'html',
          headerStyle: 'margin-top:-20px',
          // targetStyles: ['border', 'padding: 15px'],
          scanStyles: false,
          style: this.style // 表格样式
        })
      }
      ,
      //添加在施工信息
      addBuilding() {
        this.currentRow.buildingInformation.push([{
          name: 'buildTime',
          buildTime: ''
        }, {
          name: 'explanation',
          explanation: ''
        }])
      }
      ,
      /*基础单位选择列表*/
      async baseUnitSelect() {
        let data = await baseUnitSelectList()
        this.baseUnitSelectList = data.data
      }
      ,
      // 获取当前的序号
      getIndex(index) {
        let param = (this.form.page - 1) * this.form.pageSize + index + 1
        return param
      }
      ,
      // 分页大小改变
      handleSizeChange(val) {
        this.form.pageSize = val
        this.queryList()
      }
      ,
      // 当前页码改变
      handleCurrentChange(val) {
        this.form.page = val
        this.queryList()
      }
      ,
      // 新增管线按钮
      handleAdd() {
        this.stepActive = 1
        this.isDisabled = false
        this.currentRow = {}
        // this.pipeType = this.form.pipeType;
        // this.currentRow.pipeType=this.form.pipeType
        // this.currentRow.baseUnitId=this.form.baseUnitId
        this.isShowDrawer = true

      }
      ,
      //编辑分段
      handleEditWaterItem(row) {

        let data = JSON.parse(JSON.stringify(row))
        this.manholeSelect(data.pipeInfoId)
        this.formList = data
        this.subsectionName = data.pipeTypeName
        this.pipeTypes = data.pipeType

        if (data.pipeType == 1 || data.pipeType == 2) {
          this.EnumInstallationTypeList = [//  敷设方式
            {
              code: 1,
              name: '直埋管道'
            },
            {
              code: 2,
              name: '明装'
            },

          ]
        } else if (data.pipeType == 3 || data.pipeType == 4) {
          this.EnumInstallationTypeList = [//  敷设方式
            {
              code: 1,
              name: '直埋管道'
            },
            {
              code: 2,
              name: '明装'
            },
            {
              code: 3,
              name: '方沟'
            }
          ]
        } else if (data.pipeType == 5) {
          this.EnumInstallationTypeList = [//  敷设方式
            {
              code: 1,
              name: '直埋管道'
            },
            {
              code: 3,
              name: '方沟'
            },
            {
              code: 4,
              name: '架空'
            },
          ]
        }


        this.isShowDialog = true
      }
      ,
      //添加分段
      handleAddWater(item) {
        this.subsectionName = item.pipeTypeName
        this.pipeTypes = item.pipeType
        this.isLook = false
        if (item.pipeType == 1 || item.pipeType == 2) {
          this.EnumInstallationTypeList = [//  敷设方式
            {
              code: 1,
              name: '直埋管道'
            },
            {
              code: 2,
              name: '明装'
            },

          ]
        } else if (item.pipeType == 3 || item.pipeType == 4) {
          this.EnumInstallationTypeList = [//  敷设方式
            {
              code: 1,
              name: '直埋管道'
            },
            {
              code: 2,
              name: '明装'
            },
            {
              code: 3,
              name: '方沟'
            }
          ]
        } else if (item.pipeType == 5) {
          this.EnumInstallationTypeList = [//  敷设方式
            {
              code: 1,
              name: '直埋管道'
            },
            {
              code: 3,
              name: '方沟'
            },
            {
              code: 4,
              name: '架空'
            },
          ]
          this.EnumTransferMediaList = [
            {code: 1, name: '蒸汽'},
            {code: 2, name: '热水'},
          ]
        } else if (item.pipeType == 6) {
          this.EnumInstallationTypeList = [//  敷设方式
            {
              code: 1,
              name: '直埋管道'
            },
            {
              code: 2,
              name: '明装'
            },

          ]
          this.EnumTransferMediaList = [
            {code: 3, name: '天然气'},
            {code: 4, name: '煤气'},
            {code: 5, name: '其它'}
          ]
        }
        this.manholeSelect(item.id)
        this.formList = {
          appearance: [],
          changePointList: [],
          wellList: []
        },
          this.formList.pipeInfoId = item.id
        this.isShowDialog = true
      }
      ,
      //列表数据
      async queryList() {
        this.isLoading = true
        let data = await pipeInfoQueryList(this.form)
        this.tableList = data.data.records
        this.form.total = data.data.total
        this.isLoading = false

      }

    }
    ,
    mounted() {
      this.getStaticsRoad()
      this.baseUnitSelect()
      this.queryList()
      this.queryDictList(['EnumGroundSill', 'EnumSysBoolean', 'EnumConstructionType', 'EnumSecurityLevel', 'EnumEarthQuakeLevel', 'EnumEarthQuakeType', 'EnumMobileLoad', 'EnumPipeType', 'EnumPipeUseType', 'EnumWellType', 'EnumAppearance', 'EnumPipeJoinType', 'EnumGroundInfo', ' EnumPipeType', 'EnumTransferMedia', 'EnumPipeStatus', 'EnumJieGou', 'EnumTongXin'],
        ['EnumGroundSillList', 'EnumSysBooleanList', 'EnumConstructionTypeList', 'EnumSecurityLevelList', 'EnumEarthQuakeList', 'EnumEarthQuakeTypeList', 'EnumMobileLoadList', 'EnumPipeTypeList', 'EnumPipeUseTypeList', 'EnumWellTypeList', 'EnumAppearanceList', 'EnumPipeJoinTypeList', 'EnumGroundInfoList', ' EnumPipeTypeList', 'EnumTransferMediaList', 'EnumPipeStatusList', 'EnumJieGouList', 'EnumTongXinList'])
    }
    ,
    activated() {

    }
  }
</script>

<style lang="less" scoped>
  .drawerContent {
    width: 90%;
    margin: 5% auto;
    margin-bottom: 0;
    height: 700px;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .drawerContent_Water {
    width: 96%;
    margin: 5% auto;
    margin-bottom: 0;
    max-height: 700px;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .drawerContent::-webkit-scrollbar {
    width: 0px;
    /*height: 4px;*/
  }

  /*设置按钮样式*/
  .demo-drawer_footer {
    width: 100%;
    height: 5% !important;
    text-align: right;
    box-sizing: border-box;
    padding-right: 10%;
  }

  /*  两列输入框*/

</style>
<style lang="less" scoped>
  table {
    width: 100%;
  }

  tr {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-right: 1px solid gray;
  }

  td {
    border: 1px solid gray;
    border-right: 0px;
    height: 40px;
    line-height: 40px;


    /deep/ .el-input input {
      border: 0px;
    }
  }

  .td_10 {
    width: 10% !important;
    text-align: center;
    font-weight: 600;
  }

  .td_15 {
    text-align: center;
    width: 15% !important;
    font-weight: 600;
  }

  .td_vertical {
    vertical-align: middle;
    text-align: center;
    font-weight: 600;
  }

  .td_25 {
    text-align: center;
    width: 25% !important;
    font-weight: 600;
  }

  .td_35 {
    text-align: center;
    width: 35% !important;
    font-weight: 600;
  }

  .td_45 {
    width: 45% !important;
    border-bottom: 0px !important;;
    font-weight: 600;
  }

  .td_45__noBottom > div > div {
    width: 100%;
    border-bottom: 1px solid gray
  }

  .td_45__noBottom /deep/ .el-input__inner {
    padding: 0px !important;
  }

  .td_45__noBottom > div:last-child div {
    border-bottom: 0px !important;

  }

  .td_75 {
    width: 75% !important;
    text-align: left;
    box-sizing: border-box;
    padding-left: 20px;
  }

  .td_85 {
    width: 85% !important;
    text-align: left;
    box-sizing: border-box;
    padding-left: 20px;
  }

  .td_85_borderBottom {
    display: table-cell;
    vertical-align: middle;
    text-align: left
  }

  .td_100 {
    width: 100%;
    font-weight: 600;
    box-sizing: border-box;
    padding-left: 15px;
  }

  .td_100_weight__500 {
    font-weight: 500;
  }

  .td_45__noBottom_right {
    border-bottom: 0px;
  }

  .td_45__noBottom_right > div:last-child {
    border-bottom: 0px !important;
  }

  /*  设置单选框样式*/
  /deep/ .el-radio__input .el-radio__inner {
    border-radius: 0px;
  }

  /deep/ .el-radio__label {
    padding-left: 4px;
  }

  /deep/ .el-radio__input.is-checked + .el-radio__label {
    color: #1990FE;

  }

  /deep/ .el-radio {
    margin-right: 20px !important;
  }

  /deep/ .el-radio__input.is-checked /deep/ .el-radio__inner {
    background: #1990FE;

  }

  /*多选框样式修改*/
  .td_45__noBottom /deep/ .el-checkbox-group {
    height: 30px;
    line-height: 30px;
    width: 50%;
    display: inline-block;
  }

  /*  修改单选框框的样式*/
  /deep/ .el-radio__input.is-checked .el-radio__inner::after {
    content: '';
    width: 10px;
    height: 5px;
    border: 2px solid white;
    border-top: transparent;
    border-right: transparent;
    text-align: center;
    display: block;
    position: absolute;
    top: 4px;
    left: 3px;
    vertical-align: middle;
    transform: rotate(-45deg);
    border-radius: 0px;
    background: none;
    /*background: red;*/
  }

  .roadWayWidth {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .roadWayWidthBox /deep/ .el-input__inner {
    padding: 0 5px;
    border-bottom: 1px solid gray !important;
    border-radius: 0px;
    margin-bottom: 5px;

  }

  .td_cell {
    display: table-cell;
    vertical-align: middle;

  }

  .tableBuilding {
    border: 0px;


  }

  .tableBuilding td {
    border-top: 0px;
  }

  /*添加用地按钮样式*/
  .tableBuilding .common_btn-small {
    background: #1990FE !important;
    color: white;
    border-radius: 0px;
  }

  .tableBuilding .common_btn-small /deep/ .el-icon-plus, span {
    color: white !important;
  }
</style>
<style scoped lang="less">
  .select_card {
    height: 100px;
    line-height: 90px;
    font-size: 20px;
    margin-top: 10px;
    background-color: #1990FE;
    color: #000000;
    background: #29597f !important;
    font-size: 140%;
    font-weight: 600;
    color: white !important;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 2px 2px 2px #6d6d6d !important;
  }

  .select_card .zh_name_view {
    color: white !important;
  }

  .hover_card {
    height: 100px;
    line-height: 90px;
    font-size: 120%;
    margin-top: 10px;
    border: 1px solid #1990FE !important;
  }


  .zh_name_view {
    display: inline-block;
    margin-left: 15px;
    color: #1990FE !important;
  }

  /*鼠标悬浮效果*/
  .hover_card:hover {
    background: #29597f !important;
    font-size: 140%;
    cursor: pointer;

  }

  .hover_card:hover .zh_name_view {

    color: white !important;
    font-weight: 600;
  }

  /deep/ .el-card {
    box-shadow: 0px 0px 8px #757575;
    background: #ffffff;
    color: #1990FE !important;
    box-shadow: none;

    img {
      vertical-align: top;
      width: 20%;
      margin-top: 10%;
    }
  }

  /deep/ .el-textarea__inner {
    border: 0px;
  }

  .el-tree-node__content span {
    color: #1990FE !important;
  }


  .tableChild /deep/ .el-table__row .el-table_2_column_22 {
    background: white !important;

  }

  .operationAdd /deep/ .common_btn-small {
    background: #1990FE !important;
    color: white !important;
    border-radius: 0px;
  }

  /deep/ .el-input-group__append, /deep/ .el-input-group__prepend {
    padding: 0 6px;
    color: #1990FE;
    background: transparent;;
    border: 0px;
  }

  .bread_button_text {
    padding-right: 0px;
    font-size: 18px;
    font-weight: 600;
    color: #1990FE;
  }

  .page_filter /deep/ .el-input-group__prepend {
    background: #2196F3;
    color: white;
    padding: 0 20px;
    font-size: 100%;
    font-weight: 500;
  }

  /*修改分段样式*/
  .el-table {
    /deep/ .el-table {
      th {
        background-color: #0762ff !important;
        padding: 5px !important;
      }
    }
  }

  /deep/ .el-table__expanded-cell {
    background: #dcdcdc !important;
  }

  .upload_res_view {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
    margin-top: 20px;
    padding: 20px;
    margin-left: 25%;
    width: 50%
  }
</style>
